它的目標(biāo)是提供一個插件化的javascript代碼檢測工具。官網(wǎng)地址

樺南ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

最近一個項目里，最開始使用 cli3.0 搭建的時候沒有默認(rèn)選用 eslint ，導(dǎo)致現(xiàn)在有的人使用其他編輯器，就會出現(xiàn)格式錯亂的情況。所以引入 eslint 做代碼檢測

第一步 （安裝）

npm install eslint eslint-config-airbnb-base eslint-plugin-import eslint-plugin-vue --save-dev 引入關(guān)于 eslint 的一些依賴 當(dāng)你的 package.json 里出現(xiàn)

"eslint": "^5.16.0",
"eslint-config-airbnb-base": "^13.1.0",
"eslint-plugin-import": "^2.17.3",
"eslint-plugin-vue": "^5.2.2",

說明安裝成功

第二步（檢測）

在 package.json 文件的命令行 sctipts 里面添加

"lint": "eslint --ext .js,.vue src" 批量檢測代碼

Example：

運行

npm run lint

面板會提示有xx個錯誤，而且會標(biāo)明哪個文件。

而且會提示你是用 --fix 進行修復(fù)

第三部（修復(fù)）

上面的 "lint": "eslint --ext .js,.vue src" 修改為 eslint --ext .js,.vue src --fix

運行

npm run lint

這是就沒有 errors 和 warning了

至此 eslint 已經(jīng)引入,并且可以自動修復(fù)。但是 --fix 并不能完全修復(fù)代碼，比如

就會提示 'vm'被定義但是未被使用

就需要手動刪掉

配合 vscode 使用

目的： 使用vscode到達保存就自動fix的效果 。

1.安裝

下載地址

2.安裝 eslint

3.設(shè)置 eslint

打開 文件-》首選項-》設(shè)置，找到并打開 setting.json 添加如下配置

{
 "eslint.enable": true, // 是否開啟檢測
 "editor.tabSize": 2,
 "eslint.autoFixOnSave": true,
 "files.associations": {
 "*.vue": "vue"
 },
 "eslint.options": {
 "extensions": [
  ".js",
  ".vue"
 ]
 },
 "eslint.validate": [
 "javascript",{
  "language": "vue",
  "autoFix": true
 },
 "html",
 "vue"
 ],
}

4.安裝 Vetur 插件

Vetur 能夠在 vscode1 編輯器里面識別 .vue 文件并且對文件可以：

1. 語法高亮
2. 語法提示,補全功能
3. 語法檢測

5.配置完成

這個時候就會有提示

按 ctrl+s 就自動修復(fù)了

tips： 有時按一次 ctrl+s 修復(fù)不了，多按幾次就好了，不過我一般寫一段就 ctrl+s 一下，問題不大。

網(wǎng)站標(biāo)題：vuecli3.0引入eslint結(jié)合vscode使用
文章網(wǎng)址：http://vcdvsql.cn/article8/pdegop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)站營銷、網(wǎng)站導(dǎo)航、手機網(wǎng)站建設(shè)、面包屑導(dǎo)航、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)