整理项目中的代码规范

整理代码规范

每个人的公司都有一套自己的代码规范，当你的代码已经搞定了产品需求时，公司告诉你需要按照代码规范去提交代码，然而当你看着公司给你的规范模版一脸懵逼，不要紧， 让小编拯救你～～～

• 编辑工具 Vs Code
• 插件 es beautifier

当你在check代码的时候会遇到这种情况

image.png

还有什么变量函数提升之类的～～～～还有很多未知的东西～～～。当你看到这些的时候 你的脑子中是不是已经有千万只草泥马在奔腾

小编也不啰嗦了 直接上手拯救你们～～～

你需要一个轻便好用的编辑器～（现在最火的编辑器是Vs Code 下载地址 ：http://www.vscode.org/）

接着在你的项目中全局安装： npm install es-beautifier -g --only=production

下载完成之后安装两个插件：eslint es-beautifier

在你的项目也要安装代码规范插件： npm install eslint eslint-plugin-es-beautifier --save-dev

接着在你的项目中去找到 .eslintrc。或者是在package.json中的 eslintConfig 去配置 (如果之前你有设置请增加不要替换～～～)

{
  "plugins": [
    "es-beautifier"
  ],
  "extends": [
    "plugin:es-beautifier/standard"
  ]
}

现在的时候可以把你们公司的代码规范整理一下把eslintrc.json中的relus替换一下～

接着在package.json中的scripts中去配置：

{
  "scripts": {
    "beautify": "eslint --fix ."
  }
}

最后你在在命令行中打上：

npm run beautify

这样你就会发现你现在的代码会按照你公司的代码规范很整洁～～～

如果你是有问题的话请看一下原文链接：
https://github.com/dai-shi/es-beautifier

如果看不懂请留言～～～。小编会在百忙之中为你解答 谢谢～