Sublime Text3 ESlint配置
一、預裝環境及配置
Node環境必備
全局安裝ESlint
npm install eslint -g
進入自己的項目目錄初始化ESlint
根據所回答的問題生成對應的樣式
第一種情況配置完成
此時會在你的js目錄下生成一個.eslintrc.js文件,此文件是ESlint的相關規則的配置文件,裏面只有根據你剛纔回答問題所生成的配置項。
初始化的時候選擇第二種
在此之前,你需要先npm install一次,生成package.json文件,
再次eslint –init
在選擇規範的時候選擇Standard即可
完成後的目錄層級是
重啓sublime,即可,ESlint配置的就是Standard的規範,
具體的規則在node_modules->eslint-plugin-standard->rules中,
其中注意:node_modules->eslint-plugin-standard中index文件是入口文件,
可以全局控制啓用或關閉哪幾項規則規範。
此時,配合StandardFormat插件更好,直接在保存的時候,將代碼調試成Standard的規範,
初始化的時候選擇第三種
需要設置文件和路徑,進行代碼的規範檢查;
之後會生成一個全面的.eslintrc.js配置文件來約束JS腳本。
二、sublime插件安裝
推薦安裝以下插件,以適應ESlint在sublime中的運行。
重啓sublime。
三、檢測及自動修改格式
重啓sublime,編譯js文件,當出現不滿足規範的時候會有明確的報錯。如下圖:
可以,通過命令符,進入JS目錄
eslint index.js —fix
完成符合規範的自動調整
因爲ESlint默認不推薦使用console所以在配置文件中,添加將此功能關閉的語句
之後,index.js腳本格式規範如下:
Sublime Text3 Standard配置
一、Sublime中安裝以下插件
第二個稍微說下:這個插件就是當你啓用了Standard時,保存時,自動幫你將代碼調整爲符合Standard規範的格式。
如果不安裝此插件,當你保存的時候,會在sublime中提示報錯。
相對於Eslint省去了命令行的操作。
二、注意事項
Standard與ESlint兩個規則,單獨使用是相互衝突的,在使用的時候,請禁用另一個插件。
在sublime中安裝插件後,沒有提供接口文件,所以不能進行規則的自定義。
Standard規範,是不用tab而是2個空格,在句末是不添加分號結尾的(;)。
sublime怎麼禁用和啓動插件
Preferences→Package Control(ctrl + shift + p),顯示以下彈窗(如果沒有請輸入):
n Disable Package :禁用插件
n enable Package :啓用插件
n Install Package :安裝插件
n List Package :查看已安裝插件列表
n Remove Package :移除插件
n Upgrade Package :升級插件