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
[](https://github.com/standard/standard)
//2
[](https://standardjs.com)

裝逼小徽章1

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