本篇文章為大家介紹mac環境中Atom配置JavaScript語法校驗的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。
相關推薦:《atom教學》
大家好,這次我帶了Atom的把玩小教程,教你如何設定js文法校驗。以下安裝環境以mac為例。
1. 安裝nodejs
#2. 安裝Atom外掛程式linter、eslint
#3. 控制台安裝babel-eslint
npm i babel-eslint -g
4. 產生語法校驗的設定檔.eslintrc
具體設定規則產考eslint官方文檔,我這裡配置好了一份,採用json格式。
eslintrc.json預覽網址:https://segmentfault.com/n/1330000004818767
放入系統根目錄(如mac的根目錄:~/.eslintrc.json )
5. 在Atom設定eslint外掛程式
設定ESlint Rules Dir (eslint的路徑)如:
/usr/local/lib/node_modules/babel-eslint
設定.eslintrc路徑,我是丟在根目錄的:
~/.eslintrc.json
配置Node安裝的根路徑,不知道的開啟控制台輸入npm get prefix,將結果輸入
/usr/local
6. 開啟在html中的js驗證
控制台安裝擴充插件,
npm i eslint-plugin-html -g
開啟.eslintrc設定文件,在插件項目中新增配置:
"plugins": [ "eslint-plugin-html" ]
在Atom中eslint外掛程式中勾選Lint HTML Files
搞定,好好享受新的開發工具吧
更多電腦程式相關知識,請造訪:程式設計教學! !
以上是mac下Atom設定js語法校驗的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!