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