eslint

　　氣死我了。。。今天再發一篇。

　　eslint能夠幫咱們檢測語法錯誤，咱們能夠自定義一些變成規範而後讓它檢測咱們的js，eslint能夠幫咱們有效避免低級錯誤。

　　eslint直接裝在編輯器就行了，固然能夠集成在webpack配置裏，但真的不必。

　　1.sublimeText3編輯器安裝插件：SublimeLinter和SublimeLinter-contrib-eslint

　　2.npm安裝eslint:

　　npm install --save-dev eslint-config-airbnb eslint-plugin-reac eslint

　　npm i babel-eslint –save-dev

　　3.生成.eslintrc文件

　　輸入命令  eslint --init  根據提示生成.eslintrc文件，並設定適合本身的編程習慣

　　4.全局安裝eslint相關插件的話，

　　在Preferences->Package Settings->SublimeLinter->Settings - User裏面

　　其中user.paths.window的路徑設爲「C:/Users/asus-1/AppData/Roaming/npm/eslint.cmd」，即npm全局安裝eslint的位置。

　　5.將.eslintrc文件放在項目根目錄下便可。編輯代碼的時候，編輯器在檢測時會自動使用該配置文件。

　　

　　

　　

module.exports = { "root":true, "parser": 'babel-eslint', "env": { "browser": true, "es6": true, "node": true, "worker": true, // web workers global variables. "mocha": true, // adds all of the Mocha testing global variables. "phantomjs": true, // PhantomJS global variables. "serviceworker": true // Service Worker global variables. }, "extends": "standard", //standard "plugins": [ "html" ], "globals": { // 聲明在代碼中自定義的全局變量 'CONFIG': true }, "parserOptions": { "sourceType": "module" }, // 啓用額外的規則或者覆蓋基礎配置中的規則的默認選項 "rules": { // allow paren-less arrow functions 'arrow-parens': 0, // allow async-await 'generator-star-spacing': 0, // http://eslint.org/docs/rules/comma-dangle 'comma-dangle': ['error', 'only-multiline'], /* 'semi': 0*/ "semi": 0 }};