vue3下eslint配置方式
更新時間：2024年01月02日 09:06:21 作者：洋哥登陸
這篇文章主要介紹了vue3下eslint配置方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue3下eslint配置
- 取消組件名稱校驗；
- 強制使用單引號；
- 強制不使用分號結尾
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配置（若未生成可手動創(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',
//強制不使用分號結尾
semi: [
'error',
'never'
],
//強制使用單引號
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 // 取消組件名稱校驗
}
}
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
在實際的Vue開發(fā)中,我們經常需要在多個組件之間共享一些工具函數(shù)或類,比如格式化日期、處理字符串、操作數(shù)組等,本文將詳細介紹如何在Vue實例上掛載自己定義的工具類,并在項目中高效使用這些工具,需要的朋友可以參考下2024-09-09
vue.js引用背景圖background無效的3種解決方案
這篇文章主要介紹了vue.js引用背景圖background無效的3種解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
vue3利用v-model實現(xiàn)父子組件之間數(shù)據(jù)同步的代碼詳解
在Vue 3中,v-model這一指令也得到了升級,使得父子組件之間的數(shù)據(jù)同步變得更加容易和靈活,本文將探討一下Vue 3中如何利用v-model來實現(xiàn)父子組件之間的數(shù)據(jù)同步,需要的朋友可以參考下2024-03-03
今天小編就為大家分享一篇vue.js父子組件通信動態(tài)綁定的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
眾所周知：目前可視化大屏,視頻播放等常見功能都需要用到全屏,本文將使用兩種技術實現(xiàn)全屏功能的封裝,讓不同技術棧的同學都可以輕松掌握,好了,讓我們來實現(xiàn)一個既兼容性強又易于管理的全屏功能組件吧,需要的朋友可以參考下2024-08-08
vue3上線已經很久了,許多小伙伴應該都已經使用過vue3了,下面這篇文章主要給大家介紹了關于vue3更新的setup語法糖的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04
這篇文章給大家詳細分析了關于VUE的常用的相關指令內容，對此有需要的朋友們可以學習下。2018-08-08
這篇文章主要介紹了用vue構建多頁面應用的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
本篇文章主要介紹了解決Vue2.0自帶瀏覽器里無法打開的原因（兼容處理），非常具有實用價值，需要的朋友可以參考下2017-07-07
詳解Vue-cli中的靜態(tài)資源管理（src/assets和static/的區(qū)別）
這篇文章主要介紹了Vue-cli中的靜態(tài)資源管理（src/assets和static/的區(qū)別，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06