vue3下eslint配置方式
更新時(shí)間:2024年01月02日 09:06:21 作者:洋哥登陸
這篇文章主要介紹了vue3下eslint配置方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
vue3下eslint配置
- 取消組件名稱校驗(yàn);
- 強(qiáng)制使用單引號;
- 強(qiáng)制不使用分號結(jié)尾
package.json配置
"devDependencies": { "eslint": "^6.7.2", "eslint-plugin-html": "^6.1.2", "eslint-plugin-import": "^2.20.2", "eslint-plugin-node": "^11.1.0", "eslint-plugin-promise": "^4.2.1", "eslint-plugin-standard": "^4.0.0", "eslint-plugin-vue": "^7.0.0", "babel-eslint": "^10.1.0", "@vue/eslint-config-standard": "^5.1.2", "@vue/cli-plugin-eslint": "~4.5.0" }
.eslintrc.js配置(若未生成可手動(dòng)創(chuàng)建)
module.exports = { root: true, env: { node: true }, extends: ['plugin:vue/vue3-essential', '@vue/standard'], parserOptions: { parser: 'babel-eslint' }, rules: { 'arrow-parens': 0, 'generator-star-spacing': 0, 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', //強(qiáng)制不使用分號結(jié)尾 semi: [ 'error', 'never' ], //強(qiáng)制使用單引號 quotes: ['error', 'single'], indent: [ 'error', 4 ], 'space-before-function-paren': 0, 'eol-last': 0, 'no-useless-escape': 'off', 'max-len': [ 2, 200, 4, { ignoreUrls: true } ], 'prefer-const': [ 'error', { destructuring: 'all', ignoreReadBeforeAssign: false } ], 'guard-for-in': 'error', 'vue/multi-word-component-names': 0 // 取消組件名稱校驗(yàn) } }
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue.js引用背景圖background無效的3種解決方案
這篇文章主要介紹了vue.js引用背景圖background無效的3種解決方案,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08vue3利用v-model實(shí)現(xiàn)父子組件之間數(shù)據(jù)同步的代碼詳解
在Vue 3中,v-model這一指令也得到了升級,使得父子組件之間的數(shù)據(jù)同步變得更加容易和靈活,本文將探討一下Vue 3中如何利用v-model來實(shí)現(xiàn)父子組件之間的數(shù)據(jù)同步,需要的朋友可以參考下2024-03-03vue.js父子組件通信動(dòng)態(tài)綁定的實(shí)例
今天小編就為大家分享一篇vue.js父子組件通信動(dòng)態(tài)綁定的實(shí)例,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09基于Vue實(shí)現(xiàn)頁面全屏封裝的詳細(xì)步驟
眾所周知:目前可視化大屏,視頻播放等常見功能都需要用到全屏,本文將使用兩種技術(shù)實(shí)現(xiàn)全屏功能的封裝,讓不同技術(shù)棧的同學(xué)都可以輕松掌握,好了,讓我們來實(shí)現(xiàn)一個(gè)既兼容性強(qiáng)又易于管理的全屏功能組件吧,需要的朋友可以參考下2024-08-08詳解Vue-cli中的靜態(tài)資源管理(src/assets和static/的區(qū)別)
這篇文章主要介紹了Vue-cli中的靜態(tài)資源管理(src/assets和static/的區(qū)別,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06