整理代碼規(guī)范
每個人的公司都有一套自己的代碼規(guī)范，當你的代碼已經(jīng)搞定了產(chǎn)品需求時，公司告訴你需要按照代碼規(guī)范去提交代碼，然而當你看著公司給你的規(guī)范模版一臉懵逼，不要緊， 讓小編拯救你～～～
- 編輯工具 Vs Code
- 插件 es beautifier
當你在check代碼的時候會遇到這種情況
還有什么變量函數(shù)提升之類的～～～～還有很多未知的東西～～～。當你看到這些的時候 你的腦子中是不是已經(jīng)有千萬只草泥馬在奔騰
小編也不啰嗦了 直接上手拯救你們～～～
你需要一個輕便好用的編輯器～（現(xiàn)在最火的編輯器是Vs Code 下載地址 ：http://www.vscode.org/）
接著在你的項目中全局安裝： npm install es-beautifier -g --only=production
下載完成之后安裝兩個插件：eslint es-beautifier
在你的項目也要安裝代碼規(guī)范插件： npm install eslint eslint-plugin-es-beautifier --save-dev
接著在你的項目中去找到 .eslintrc?；蛘呤窃趐ackage.json中的 eslintConfig 去配置 (如果之前你有設(shè)置請增加不要替換～～～)
{
"plugins": [
"es-beautifier"
],
"extends": [
"plugin:es-beautifier/standard"
]
}
現(xiàn)在的時候可以把你們公司的代碼規(guī)范整理一下把eslintrc.json中的relus替換一下～
接著在package.json中的scripts中去配置：
{
"scripts": {
"beautify": "eslint --fix ."
}
}
最后你在在命令行中打上：
npm run beautify
這樣你就會發(fā)現(xiàn)你現(xiàn)在的代碼會按照你公司的代碼規(guī)范很整潔～～～
如果你是有問題的話請看一下原文鏈接：
https://github.com/dai-shi/es-beautifier
如果看不懂請留言～～～。小編會在百忙之中為你解答 謝謝～
