npm install -D eslint@7.32.0 prettier@2.4.1 @babel/eslint-parser@7.12.16 @vue/cli-plugin-eslint@5.0.0 eslint-config-prettier@8.3.0 eslint-plugin-prettier@4.0.0 eslint-plugin-vue@8.0.3

module.exports = {
	root: true, // 在根目錄下尋找.eslintrc.js文件，如果當前工作區(qū)打開的項目不是在根目錄，則查找.eslintrc.js文件會失敗，且eslint檢查也不會生效
	env: {
		node: true
	},
	extends: [
		'plugin:vue/essential',
		'eslint:recommended',
		'plugin:prettier/recommended' // 沖突時使用prettier的規(guī)則進行覆蓋
	],
	parserOptions: {
		parser: '@babel/eslint-parser'
	},
	rules: {
		'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
		'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
		'vue/multi-word-component-names': 'off', // 不校驗組件名
		'vue/no-multiple-template-root': 0, // 不需要使用根元素包裹template的內容
		'vue/no-mutating-props': 0, //允許子元素通過v-model修改父元素傳的props值
		'vue/no-use-v-if-with-v-for': 0, //允許v-if和v-for共存
		'vue/valid-template-root': 0, //允許只有一個template
		'no-empty': 0 //允許代碼塊為空
	}
};

# docker
docker/
*.sh
node_modules
lib
*.md
*.scss
*.woff
*.ttf
.vscode
.idea
dist
mock
public
bin
build
config
index.html
src/assets

module.exports = {
	printWidth: 80, // 一行最多 80 字符(默認80)
	tabWidth: 2, // 每個tab相當于多少個空格（默認2）
	useTabs: true, // 是否使用tab進行縮進（默認false）
	semi: true, // 行尾需要有分號(默認true)
	singleQuote: true, // 使用單引號（默認false）
	quoteProps: 'as-needed', // 對象的 key 僅在必要時用引號
	jsxSingleQuote: false, // jsx 不使用單引號，而使用雙引號
	trailingComma: 'none', // 多行使用拖尾逗號（默認none）
	bracketSpacing: true, // 在對象，數組括號與文字之間加空格 "{ foo: bar }"（默認true）
	jsxBracketSameLine: false, // 多行JSX中的>放置在最后一行的結尾，而不是另起一行（默認false）
	htmlWhitespaceSensitivity: 'css', // 根據顯示樣式決定 html 要不要折行
	arrowParens: 'avoid', // 只有一個參數的箭頭函數的參數是否帶圓括號（默認avoid:添加括號）
	endOfLine: 'auto', // 行尾換行符
};

# docker
docker/
*.sh
node_modules
lib
*.md
*.scss
*.woff
*.ttf
.vscode
.idea
dist
mock
public
bin
build
config
index.html
src/assets

"scripts": {
  "lint": "vue-cli-service lint",
  "lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
  "prettier": "prettier --write .",
},

{
  /* eslint配置 */
  "eslint.enable": true, // 是否開啟eslint
  "eslint.alwaysShowStatus": true, // 底部eslint狀態(tài)欄顯示
  // code代碼保存時，自動eslint修復
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": ["javascript", "javascriptreact", "html", "vue", "vue-html"]
}

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  // 關閉lint
  lintOnSave: false
})