mac下Atom設定js語法校驗的方法

本篇文章為大家介紹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中文網其他相關文章！