首頁 > 開發工具 > atom > mac下Atom設定js語法校驗的方法

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

青灯夜游
發布: 2021-02-04 18:01:02
轉載
2185 人瀏覽過

本篇文章為大家介紹mac環境中Atom配置JavaScript語法校驗的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

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

相關推薦:《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中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板