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

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

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

第一步 （安裝）

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",

說(shuō)明安裝成功

第二步（檢測(cè)）

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

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

Example：

運(yùn)行

npm run lint

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

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

第三部（修復(fù)）

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

運(yùn)行

npm run lint

這是就沒有 errors 和 warning了

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

就會(huì)提示 'vm'被定義但是未被使用

就需要手動(dòng)刪掉

配合 vscode 使用

目的： 使用vscode到達(dá)保存就自動(dòng)fix的效果 。

1.安裝

下載地址

2.安裝 eslint

3.設(shè)置 eslint

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

{
 "eslint.enable": true, // 是否開啟檢測(cè)
 "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 編輯器里面識(shí)別 .vue 文件并且對(duì)文件可以：

1. 語(yǔ)法高亮
2. 語(yǔ)法提示,補(bǔ)全功能
3. 語(yǔ)法檢測(cè)

5.配置完成

這個(gè)時(shí)候就會(huì)有提示

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

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

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

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

廣告

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