Atom-JavaScript語法校驗

你們好，此次我帶來了Atom的把玩小教程，教你如何配置js語法校驗。如下安裝環境以mac爲例。

1. 安裝nodejs

2. 安裝Atom插件linter、eslint

3. 控制檯安裝babel-eslint

npm i babel-eslint -g

4. 生成語法校驗的配置文件.eslintrc

具體配置規則產考eslint官方文檔，我這裏配置好了一份，採用json格式。
.eslintrc.json
將其放入系統根目錄（如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

---

搞定，好好享受新的開發工具吧