關(guān)于Vue-cli3煩人的eslint問題
Vue-cli3煩人的eslint
在vue-cli選擇生成的時(shí)候，有一個(gè)詢問是否把插件配置文件寫在package.json文件里
- 如果選擇了是
打開package.json 就會(huì)有以下一段代碼
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"@vue/prettier" // 刪掉這行
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},
- 如果選擇了否
此時(shí)根目錄下會(huì)生成 .eslintrc.js 文件
module.exports = {
root: true,
env: {
node: true
},
extends: ["plugin:vue/essential","@vue/prettier"], // 刪掉 "@vue/prettier"
rules: {
"no-console": process.env.NODE_ENV === "production" ? "error" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
},
parserOptions: {
parser: "babel-eslint",
}
};
之后重啟就可以了 npm run serve
Vue-cli3的eslint報(bào)錯(cuò)
今天用vue-cli3搭建項(xiàng)目，寫了幾個(gè)頁面，去編譯的時(shí)候eslint都會(huì)拋出錯(cuò)誤
原因就是在項(xiàng)目搭建的時(shí)候選擇的是standard（正常模式）所以每次啟動(dòng)項(xiàng)目的之后都會(huì)對(duì)代碼進(jìn)行檢查，是否符合Eslint規(guī)范。
解決方法
想要關(guān)閉Eslint語法檢查只要在.eslintrc.js文件中找到’@vue/standard’配置將其注釋或者刪除即可。
總結(jié)：ESLint 是一個(gè)語法規(guī)則和代碼風(fēng)格的檢查工具，用來保證寫出語法正確、風(fēng)格統(tǒng)一的代碼，這個(gè)比較適合團(tuán)隊(duì)開發(fā)和對(duì)代碼已經(jīng)輕車熟路的大神使用，我現(xiàn)在還不行。最后我認(rèn)為大家還有我都會(huì)成為一個(gè)不懼怕Eslint的大神的
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue2.0構(gòu)建單頁應(yīng)用最佳實(shí)戰(zhàn)
這篇文章主要為大家分享了vue2.0構(gòu)建單頁應(yīng)用最佳實(shí)戰(zhàn)案例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
本文主要介紹了vue封裝tree組件實(shí)現(xiàn)搜索功能，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
本篇文章主要介紹了詳解vue父子組件間傳值(props)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要介紹了如何處理elementUI中表格多選框禁用的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
???????基于el-table和el-pagination實(shí)現(xiàn)數(shù)據(jù)的分頁效果
本文主要介紹了???????基于el-table和el-pagination實(shí)現(xiàn)數(shù)據(jù)的分頁效果，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
vue uniapp 防止按鈕多次點(diǎn)擊的三種實(shí)現(xiàn)方式
最近的項(xiàng)目完成后,在性能優(yōu)化階段需要做按鈕的防止重復(fù)點(diǎn)擊功能,本文主要介紹了vue uniapp 防止按鈕多次點(diǎn)擊的三種實(shí)現(xiàn)方式,具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08
在使用 Vue 開發(fā)前端的時(shí)候遇到一個(gè)場(chǎng)景在首頁進(jìn)行一些數(shù)據(jù)搜索，點(diǎn)擊搜索結(jié)果進(jìn)入詳情頁面，瀏覽詳情頁后返回主頁，所以需要在返回后恢復(fù)跳轉(zhuǎn)前的頁面參數(shù)狀態(tài)，今天通過本文給大家分享Vue 路由頁面狀態(tài)返回的操作方法，一起看看吧2021-07-07
Vue2的異步更新機(jī)制是基于JavaScript的事件循環(huán)機(jī)制實(shí)現(xiàn)的。nextTick方法則是在DOM更新后執(zhí)行回調(diào)函數(shù)。本文詳細(xì)介紹了Vue2的異步更新機(jī)制和nextTick原理，對(duì)于理解Vue2的渲染機(jī)制和優(yōu)化性能有很大的幫助。2023-04-04
Vue.js（讀音 /vjuː/, 類似于 view） 是一套構(gòu)建用戶界面的漸進(jìn)式框架。這篇文章主要介紹了Vue.js用法詳解,需要的朋友可以參考下2017-11-11
Vue electron前端開啟局域網(wǎng)接口實(shí)現(xiàn)流程詳細(xì)介紹
用electron寫了一個(gè)自己用的小軟件，無后端，純本地的數(shù)據(jù)。最近想著開發(fā)一個(gè)手機(jī)端app，將PC端的數(shù)據(jù)進(jìn)行同步。為了這小小的功能單獨(dú)寫個(gè)后端又麻煩。干脆前后端不分離哈哈，直接在前端軟件中開啟接口2022-10-10