.html文件 eslint參上

前言：最近閑暇時間用.html文件練習一些js小算法，其實就是照抄hahah~~寫的時候發現每個文件風格都不一樣，於是乎就想着用eslint管理一下，正文來了。。。

1.首先在文件目錄下執行：

npm init -y

會出現一個package.json文件，懂得都懂

2.下載依賴包

npm i babel-eslint eslint eslint-plugin-html --save
或者
yarn add babel-eslint eslint eslint-plugin-html

3.配置eslint：

我這里用了最簡單的package.json文件配置

package.json文件：

"eslintConfig":{}

4.eslintConfig屬性：

1. "root": true // 默認情況下，ESLint 會在所有父級目錄里尋找配置文件，一直到根目錄。如果發現配置文件中有 “root”: true，它就會停止在父級目錄中尋找。

2. "parserOptions": {
   	"parser": "babel-eslint", // 解析器，默認使用Espree
       "ecmaVersion": 6, // 支持es6語法，但並不意味着同時支持新的 ES6 全局變量或類型（比如 Set 等新類型）
       "sourceType": "module",	// 指定來源的類型，"script" (默認) 或 "module"（如果你的代碼是 ECMAScript 模塊)
       // 使用的額外的語言特性
       "ecmaFeatures": {
           "jsx": true, // 啟用 JSX
           "globalReturn": true, // 允許在全局作用域下使用 return 語句
           "impliedStrict": true, // 啟用全局 strict mode (如果 ecmaVersion 是 5 或更高)
           "experimentalObjectRestSpread": true,	// 啟用實驗性的 object rest/spread properties 支持。(重要：這是一個實驗性的功能,在未來可能會有明顯改變。 建議你寫的規則 不要 依賴該功能，除非當它發生改變時你願意承擔維護成本。)
       }
   }
   

    

3. "env": {
       es6: true, // 啟用 ES6 語法支持以及新的 ES6 全局變量或類型
       node: true, // Node.js 全局變量和 Node.js 作用域
       browser: true, // 瀏覽器全局變量
       jquery: true // jQuery 全局變量
   }
   

   使用 env 關鍵字指定你想啟用的環境。如上：
   更多環境設置請參考：https://cn.eslint.org/docs/user-guide/configuring#specifying-environments

4. "globals": {
       template: false, // false 不允許被重寫
       _util: false
   }
   

   官網解釋：https://cn.eslint.org/docs/user-guide/configuring#specifying-environments

5. "plugins": [
         "html"
       ],
   

   插件：ESLint 支持使用第三方插件。在使用插件之前，你必須使用 npm 安裝它。如：npm i -D eslint-plugin-html。在配置文件里配置插件時，可以使用 plugins 關鍵字來存放插件名字的列表。插件名稱可以省略 eslint-plugin- 前綴

6. "rules": {
       "no-var": 1
   }
   

   更多規則參考：https://cn.eslint.org/docs/rules/　 

　　

整理參考鏈接：https://blog.csdn.net/guang_s/article/details/90231312

官網：https://cn.eslint.org/