資訊專欄INFORMATION COLUMN
摘要：例如，以下啟用瀏覽器和環(huán)境或者在一個文件中配置規(guī)則帶有大量的規(guī)則。您可以使用配置注釋或配置文件修改您的項目使用的規(guī)則。將每個全局變量名稱設(shè)置為等于允許覆蓋變量或禁止覆蓋。
首次發(fā)表在個人博客eslint配置
全局安裝
npm install -g eslint
局部安裝
npm i -D eslint
接下來新建一個配置文件.eslintrc.js,或執(zhí)行以下命令自動生成
eslint --init制定環(huán)境
要指定配置文件中的環(huán)境，請使用env鍵并指定要啟用的環(huán)境true。例如，以下啟用瀏覽器和Node.js環(huán)境：
{
"env": {
"browser": true,
"node": true
}
}
或者在一個package.json文件中
{
"name": "mypackage",
"version": "0.0.1",
"eslintConfig": {
"env": {
"browser": true,
"node": true
}
}
}
配置規(guī)則
ESLint帶有大量的規(guī)則。您可以使用配置注釋或配置文件修改您的項目使用的規(guī)則。要更改規(guī)則設(shè)置，您必須將規(guī)則ID設(shè)置為以下值之一：
"off"或者0- 關(guān)閉該規(guī)則
"warn"或者1- 將規(guī)則打開為警告（不影響退出代碼）
"error"或者2- 將規(guī)則打開為錯誤（觸發(fā)時退出代碼為1）
通過內(nèi)聯(lián)注釋禁用規(guī)則要在整個文件中禁用規(guī)則警告，請在文件/ eslint-disable /頂部添加塊注釋：
/* eslint-disable */
alert("foo");
要禁用特定行上的所有規(guī)則，請使用以下格式之一的行注釋：
alert("foo"); // eslint-disable-line
// eslint-disable-next-line
alert("foo");
制定全局
可以使用文件內(nèi)部的注釋或配置文件來定義全局變量。1.使用文件內(nèi)部注釋
(1).要在JavaScript文件中使用注釋來指定全局變量，請使用以下格式
/* global var1, var2 */
(2).如果你想要指定這些全局變量不應(yīng)該被寫入（只讀），那么你可以設(shè)置每個false標志：
/* global var1:false, var2:false */2.要在配置文件中配置全局變量，請使用globals鍵并指示要使用的全局變量。將每個全局變量名稱設(shè)置為等于true允許覆蓋變量或false禁止覆蓋。例如：
{
"globals": {
"var1": true,
"var2": false
}
}
使用心得
目前使用vscode,安裝eslint插件,然后在配置中加入關(guān)于eslint的配置
{
"eslint.autoFixOnSave": true,
"eslint.enable": true,
"eslint.options": {
"extensions": [".js", ".vue", ".jsx"]
},
"eslint.validate": [
{
"language": "vue",
"autoFix": true
},
{
"language": "javascript",
"autoFix": true
},
{
"language": "javascriptreact",
"autoFix": true
}
],
}
"eslint.autoFixOnSave": true,配置完這個之后,當你在保存的時候可以自動按照你在.eslintrc.js目錄中設(shè)置的規(guī)則自動修復(fù)一些空格縮進,單雙引號及語句末尾是否需要加;或,的一些錯誤,但是有一些錯誤,比如變量聲明未定義等得需要你手動去修改.
剛開始用到eslint的時候也是相當痛苦,畢竟在代碼中看到一大堆紅線(注: 紅線為eslint的錯誤,鼠標劃上去就會看到對應(yīng)的違反了哪個規(guī)則,可以去eslint的官網(wǎng)查看),但是當你養(yǎng)成良好的習慣之后,這些習慣包括變量命名,函數(shù)命名等,其實會大大的提高工作效率,規(guī)范起來之后尤其會提高團隊之前的工作效率.
我現(xiàn)在就有嚴重的代碼潔癖,看到整潔的代碼,心情就會十分愉悅.當然在看到團隊有小伙伴一點都不注意這些,尤其需要忙他debug的時候,真的很難受,變量命名a,b, a1等.所以哪怕為了不坑團隊成員的,也要養(yǎng)成良好的習慣.
參考eslint.org/docs/
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/90492.html
摘要：使用文件配置的方式在項目的根目錄下，新建一個名為的文件，在此文件中添加一些檢查規(guī)則?；虼蜷_規(guī)則，并且作為一個警告并不會導(dǎo)致檢查不通過?？偨Y(jié)以上是我在學(xué)習整理的一些資料，不算太全面，對于像我這樣的新手入門足夠了 介紹 ??ESLint 是一個插件化的 javascript 代碼檢測工具，它可以用于檢查常見的 JavaScript 代碼錯誤，也可以進行代碼風格檢查，這樣我們就可以根據(jù)自己的...
摘要：整個代碼檢查和格式化流程應(yīng)該規(guī)范為如下步驟使用并且嘗試自動修復(fù)所有問題有提示，可以進行修復(fù)，按照配置文件來進行修復(fù)。參考文檔如何花分鐘解決產(chǎn)生的各種錯誤的記憶現(xiàn)場本文轉(zhuǎn)載自我的更新版梳理前端開發(fā)使用和來檢查和格式化代碼問題 更新版，之前的版本可以看這里：梳理前端開發(fā)使用eslint和prettier來檢查和格式化代碼問題 一、問題痛點 在團隊的項目開發(fā)過程中，代碼維護所占的時間比重...
摘要：梳理前端開發(fā)使用檢查和格式化代碼問題痛點在團隊的項目開發(fā)過程中，代碼維護所占的時間比重往往大于新功能的開發(fā)。使用格式化所有代碼。參考文檔如何花分鐘解決產(chǎn)生的各種錯誤的記憶現(xiàn)場原文轉(zhuǎn)載梳理前端開發(fā)使用檢查和格式化代碼線上猛如虎，線下慫如鼠 梳理前端開發(fā)使用eslint-prettier檢查和格式化代碼 問題痛點 在團隊的項目開發(fā)過程中，代碼維護所占的時間比重往往大于新功能的開發(fā)。因此編...
摘要：對于項目的編碼規(guī)范而言，主要有兩種選擇和。此外由于性能問題，官方?jīng)Q定全面采用，甚至把倉庫作為測試平臺，而的解析器也成為獨立項目，專注解決雙方兼容性問題。最近在我的項目的編碼規(guī)范中全量的用代替了針對其中遇到的問題做一個記錄。 ??對于Typescript項目的編碼規(guī)范而言，主要有兩種選擇ESLint和TSLint。ESLint不僅能規(guī)范js代碼，通過配置解析器，也能規(guī)范TS代碼。此外由...
摘要：對于項目的編碼規(guī)范而言，主要有兩種選擇和。此外由于性能問題，官方?jīng)Q定全面采用，甚至把倉庫作為測試平臺，而的解析器也成為獨立項目，專注解決雙方兼容性問題。最近在我的項目的編碼規(guī)范中全量的用代替了針對其中遇到的問題做一個記錄。 ??對于Typescript項目的編碼規(guī)范而言，主要有兩種選擇ESLint和TSLint。ESLint不僅能規(guī)范js代碼，通過配置解析器，也能規(guī)范TS代碼。此外由...
摘要：對于項目的編碼規(guī)范而言，主要有兩種選擇和。此外由于性能問題，官方?jīng)Q定全面采用，甚至把倉庫作為測試平臺，而的解析器也成為獨立項目，專注解決雙方兼容性問題。最近在我的項目的編碼規(guī)范中全量的用代替了針對其中遇到的問題做一個記錄。 ??對于Typescript項目的編碼規(guī)范而言，主要有兩種選擇ESLint和TSLint。ESLint不僅能規(guī)范js代碼，通過配置解析器，也能規(guī)范TS代碼。此外由...
閱讀 3776·2021-11-11 11:00
閱讀 2245·2021-10-08 10:05
閱讀 2944·2021-10-08 10:04
閱讀 3276·2021-09-30 09:48
閱讀 3970·2021-09-27 14:10
閱讀 1784·2021-09-09 09:33
閱讀 2185·2019-08-30 15:55
閱讀 1662·2019-08-30 13:53
