sublime jshint語法檢測 和 eslint安裝

jshint簡介

jslint是一javascript的語法檢測,眾多前端自動化工具都又用到拦惋,編輯器也用到jshint寻仗。
webstorm很強大,自身帶有昧穿,但是我使用的電腦帶不動勺远。sublime或者atom,兩款非常類似,編輯操作基本是一樣的时鸵,以其中一個為例胶逢。

安裝步驟

第1步 安裝插件

sublime的jshint是依賴于sublimeLinter,所以要安裝sublimeLinter饰潜。

第2步 安裝node

jshint是npm包初坠,故要安裝node,然后在安裝全局的jshint

npm install -g jshint

第3步 啟動jshint

ctrl + shift + P 搜sumlimejshint彭雾,然后launch碟刺,就可以使用。

第4步 配置

在路徑下新增文檔’.jshintrc’薯酝,即可定義規(guī)則南誊。
api參考地址:傳送門

使用它檢測es6

.jshintrc 里面 加上 "esnext" : true蜜托,新版本的加上 "esversion" : 6

ps: 我按照上面配置抄囚,不成功,不能識別const聲明常量橄务。我又在Tools->jsHing->lint Code看到提示:在要使用es6環(huán)境幔托,請使用

"esversion": {"b"}

or

"moz": true

然而,測試還是不成功!不建議使用它檢測es6重挑,要怎么檢測es6嗓化。有誰成功請告知,表示感謝谬哀。


eslint簡介

不多廢話刺覆,直接看 - ->官網(wǎng)

當使用es6請把jshint關掉史煎,則檢測es6的語法谦屑,請使用eslint。


穿插個話題篇梭,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 :升級插件

img

ps: 在這點上atom,顯得很方便,隨便查看顯示是否禁用狀態(tài)恬偷,sublime是分開的悍手,查看package是否被禁用,在tool->[對應的包名]--toggle ……袍患,查看報名下坦康,是否寫著enable 或者 disable。

在禁用linter的擴展包诡延,會提供禁用或啟動選項滞欠,這倒是很方便补胚。


話歸正題如何安裝eslint

第1步 安裝

  1. 安裝插件
    • SublimeLinter
    • SublimeLinter-jshint
    • SublimeLinter-jsxhint
    • SublimeLinter-contrib-eslint
  2. 安裝npm包
npm install -g eslint
npm install -g babel-eslint
npm install -g eslint-plugin-react
npm install -g jsxhint

第2步 配置

以ES6語法檢查為例罗侯,在項目工程根目錄新建.eslintrc,輸入

{
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    },
    "rules": {
        "semi": ["error", "always"]
    }
}

本文參考文檔地址:

傳送門1

傳送門2

傳送門3

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末圆恤,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子妖滔,更是在濱河造成了極大的恐慌,老刑警劉巖桶良,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件座舍,死亡現(xiàn)場離奇詭異,居然都是意外死亡陨帆,警方通過查閱死者的電腦和手機曲秉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來疲牵,“玉大人承二,你說我怎么就攤上這事「侔郑” “怎么了亥鸠?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我负蚊,道長神妹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任家妆,我火速辦了婚禮鸵荠,結果婚禮上,老公的妹妹穿的比我還像新娘伤极。我一直安慰自己蛹找,他們只是感情好,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布塑荒。 她就那樣靜靜地躺著熄赡,像睡著了一般。 火紅的嫁衣襯著肌膚如雪齿税。 梳的紋絲不亂的頭發(fā)上彼硫,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天,我揣著相機與錄音凌箕,去河邊找鬼拧篮。 笑死,一個胖子當著我的面吹牛牵舱,可吹牛的內(nèi)容都是我干的串绩。 我是一名探鬼主播,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼芜壁,長吁一口氣:“原來是場噩夢啊……” “哼礁凡!你這毒婦竟也來了?” 一聲冷哼從身側響起慧妄,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤顷牌,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后塞淹,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體窟蓝,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年饱普,在試婚紗的時候發(fā)現(xiàn)自己被綠了运挫。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡套耕,死狀恐怖谁帕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情冯袍,我是刑警寧澤雇卷,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響关划,放射性物質發(fā)生泄漏小染。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一贮折、第九天 我趴在偏房一處隱蔽的房頂上張望裤翩。 院中可真熱鬧,春花似錦调榄、人聲如沸踊赠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽筐带。三九已至,卻和暖如春缤灵,著一層夾襖步出監(jiān)牢的瞬間伦籍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工腮出, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留帖鸦,地道東北人。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓胚嘲,卻偏偏與公主長得像作儿,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子馋劈,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Sublime Text:一款具有代碼高亮攻锰、語法提示、自動完成且反應快速的編輯器軟件妓雾,不僅具有華麗的界面娶吞,還支持插...
    xiaotao123閱讀 9,494評論 0 27
  • Sublime Text:一款具有代碼高亮、語法提示君珠、自動完成且反應快速的編輯器軟件寝志,不僅具有華麗的界面娇斑,還支持插...
    追風逸少丶閱讀 11,323評論 1 34
  • http://www.reibang.com/p/25cdc7d608bb 1.下載Sublime Text:ht...
    b2e16cc43137閱讀 1,499評論 0 0
  • ESLint 配置 ESlint 被設計為完全可配置的策添,這意味著你可以關閉每一個規(guī)則而只運行基本語法驗證,或混合和...
    靜默虛空閱讀 41,313評論 3 14
  • EsLint入門學習整理 這兩天因為公司要求毫缆,就對ESLint進行了初步的了解唯竹,網(wǎng)上的內(nèi)容基本上都差不多,但是內(nèi)容...
    點柈閱讀 26,029評論 3 42