Sublime Text3 ESlint配置和Standard配置

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 :升級插件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章