js程式碼規範常用解決方案

1,vue框架

npm install eslint-plugin-vue

在.eslintrc檔案裡新增
{"extends": "plugin: vue/essential"}

2,Standard規範

包括npm、github等高科技公司都在用

查閱地址 https://standardjs.com/rules-zhcn.html

<pre style="margin: 10px 0px 0px; padding: 0px; font-family: ConfluenceInstalledFont, monospace; color: rgb(51, 51, 51); font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;">npm install --save-dev eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node</pre>

在.eslintrc檔案裡新增
{"extends": ["plugin: vue/essential","standard"]}

3,airbnb規範

查閱地址 https://github.com/airbnb/javascript

建議使用 vue+ standard

配合vscode開發工具：vscode裡安裝eslint外掛，自動根據.eslintrc或package.json裡eslintConfig配置資訊對程式碼進行校驗。