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

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

更多計算機編程相關知識，請訪問：atom！！