安裝linter-eslint插件方式有如下幾種.
1. 最簡單的方式就是 點擊 File -Settings -Install ,搜索linter-eslint ,安裝即可
2.
# 進入atom插件文件夾 cd ~/.atom/packages/
# git clone 插件源文件 git clone https://github.com/AtomLinter/linter-eslint
# 進入linter-eslint插件文件夾 cd linter-eslint
# 安裝插件 npm install
3.本地安裝
npm i --save-dev eslint [eslint-plugins]
4.全局安裝
npm i -g eslint [eslint-plugins]
配置插件使其支持 VUE 文件中的 js
安裝好插件后，就能夠提醒我們的JS文件中的格式不正確的地方了。但是， .vue文件中的 JS 代碼還是不能校驗，因此，我們來設置一下。
首先，打開 atom 的設置面板 切換到 packages 選項卡，找到 linter-eslint 插件，點擊 設置 (我的安裝了漢化插件，如果沒有漢化，則是英文的設置。類似 setting 之類的)
進入面板后，勾選 Lint HTML Files 選項后，即可。
如下圖所示：
然后，就可以在 .vue文件中校驗代碼格式了。
如下圖所示：
附注 為什么 main.js 死活過不了驗證？
當你把項目中的大多數代碼全部調整合適了之后，你會發現，你的 main.js 文件死活通過不了驗證。因為這里必須不滿足驗證。因此，需要下面的代碼跳過驗證
/* eslint-disable no-new */ new Vue({ // eslint-disable-line no-new router, el: '#app', render: (h) => h(App) }) 就是上面的 /* eslint-disable no-new */ 來強制跳過驗證。
// eslint-disable-next-line 忽略下一行
/* eslint-disable */ 忽略整個文件
更多atom常用插件請前往 https://www.cnblogs.com/yalong/p/9488114.html