扯扯JavaScript 代碼規(guī)范

1 不想吵架

JS的代碼標(biāo)準(zhǔn)之爭,慘烈程度堪比《世界上最好的語言》,無論是行尾的引號還是行首的縮進,都是分分鐘引發(fā)數(shù)小時口水仗的節(jié)奏,所以,本文其實并不討論什么樣的規(guī)范是最好的,而是,‘粗暴’的拋給你一個 :-D。小伙子,如果你還在為JS代碼規(guī)范尋尋覓覓,那么請你遵守這個并且別問原因別廢話,趕緊把注意力放到code本身,別在無謂的浪費時間了。
重點來了,本文要給大家推薦的就是 JavaScript Standard Style。雖說個人認(rèn)為爭辯標(biāo)準(zhǔn)是個無意義且浪費時間的事情,但是也不能亂推薦不是,JS Standard Style 是一套成熟的經(jīng)過檢驗的高效的標(biāo)準(zhǔn),舉幾個用戶:

說服力夠了吧???!

相比你已經(jīng)被我安利成功了,讓我們繼續(xù)吧! O(∩_∩)O

2 安裝使用

熟悉一套代碼規(guī)范,最好的方法自然就是趕緊用起來并且堅持下去。

  • 安裝
$ npm install standard --global #全局安裝
$ standard  #檢查當(dāng)前目錄中的JS文件,有問題直接爆出來
$ standard "src/util/**/*.js" "test/**/*.js" #檢查某些JS文件,支持glob表達式

注: glob表達式
檢查出來的錯誤,可以使用 standard --fix 來自動解決(一部分)。

  • 再進一步
    作為現(xiàn)(lan)代(duo)的程序員,上面那種寫完代碼手動挨個檢查的方式想必滿足不了挑剔的你。改進一下,把代碼檢查加到你的項目中,打開package.json,編輯如下:
{
  "name": "my-cool-package",
  "devDependencies": {
    "standard": "*"
  },
  "scripts": {
    "test": "standard && node my-tests.js"
  }
}

接下來,直接運行 npm test就可以執(zhí)行測試了,立馬風(fēng)騷多了 ;-)

  • 還不夠
    不夠不夠,當(dāng)然不夠!!我寫代碼的時候直接提示我,讓我寫不出不符合規(guī)范的代碼,這多好??!對嘛,就知道你會想到這兒。之前的jslint,eslint都有插件能幫我們,這個怎么可能缺!以我最愛的webstorm為例(jetbrain全家桶都支持):file - setting - Editor - Code Style - JavaScript
    webstorm設(shè)置

    設(shè)置完想必你就看到效果了,照著執(zhí)行吧 :-)
    對了,建議你先粗略過一遍規(guī)范細(xì)則,以免面對提示的錯誤一臉懵逼,不知道哪兒錯了 。

3 one more thing...

如果你已經(jīng)完全使用起了JS standard Style并享受其中,別忘了給你的開源代碼加個性感小徽章呀!_

//1
[![JavaScript Style Guide](https://cdn.rawgit.com/standard/standard/master/badge.svg)](https://github.com/standard/standard)
//2
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
裝逼小徽章1
裝逼小徽章2

原文鏈接:http://www.itdecent.cn/p/b6964a86ed5d
作者: changchao 轉(zhuǎn)載請注明出處

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,893評論 25 709
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,110評論 1 92
  • 積極主動的我又參加了女人課堂第七次分享PK。我是一位土生土長的湘妹子,是一位四十多歲的職場女性,孩子18歲...
    姚瑾讀書閱讀 952評論 2 8
  • first edit: 20170609last edit: 20170904 (總結(jié)自《大話數(shù)據(jù)結(jié)構(gòu)》,《算法 ...
    菜雞也會飛閱讀 527評論 0 0
  • 本周讀的書,又是李佩甫的,《生命冊》,書的內(nèi)容很厚重,剛讀完第一章。讀書還在繼續(xù)。 前幾天晚上到家都已經(jīng)很晚了,吃...
    奶爸志恒的修行閱讀 159評論 0 0

友情鏈接更多精彩內(nèi)容