# 告訴EditorConfig插件，這是根文件，不用繼續(xù)往上查找
root = true

# 匹配全部文件
[*]
# 縮進(jìn)風(fēng)格，可選space、tab
indent_style = space
# 縮進(jìn)的空格數(shù)
indent_size = 2
# 設(shè)置字符集
charset = utf-8
# 結(jié)尾換行符，可選lf、cr、crlf
end_of_line = lf
# 在文件結(jié)尾插入新行
trim_trailing_whitespace = true
# 刪除一行中的前后空格
insert_final_newline = true

[*.md]
insert_final_newline = false
trim_trailing_whitespace = false

npm install eslint@8.57.1 --save-dev

npm install prettier@3.2.5 --save-dev

npm i -D eslint-plugin-prettier @vue/eslint-config-prettier eslint-plugin-vue

{
	"printWidth": 220,
	"tabWidth": 2,
	"useTabs": true,
	"semi": true,
	"singleQuote": false,
	"quoteProps": "as-needed",
	"trailingComma": "none",
	"bracketSpacing": true,
	"jsxBracketSameLine": false,
	"arrowParens": "avoid",
	"endOfLine": "auto",
	"jsxSingleQuote": false,
	"vueIndentScriptAndStyle": true
}

{  
  "printWidth": 220, // 此設(shè)置定義了每行代碼的最大字符數(shù)。若代碼行超出此長度，格式化工具會嘗試將其拆分為多行。  
  "tabWidth": 2, // 此設(shè)置指定一個制表符（tab）的寬度，即它等同于多少個空格。這有助于確保代碼縮進(jìn)的一致性。  
  "useTabs": true, // 此設(shè)置決定是否使用制表符進(jìn)行縮進(jìn)。若設(shè)為true，則使用制表符；反之，則使用空格。  
  "semi": true, // 此設(shè)置決定是否在語句末尾添加分號。若設(shè)為false，則不添加。  
  "singleQuote": false, // 此設(shè)置決定是否優(yōu)先使用單引號。若設(shè)為true，則字符串默認(rèn)使用單引號。  
  "quoteProps": "as-needed", // 此設(shè)置定義對象屬性是否添加引號。設(shè)為"as-needed"時，僅在屬性名不是有效標(biāo)識符時添加引號。  
  "trailingComma": "none", // 此設(shè)置決定在多行時是否添加尾隨逗號。設(shè)為"none"時，不添加尾隨逗號。  
  "bracketSpacing": true, // 此設(shè)置決定在對象字面量的括號間是否添加空格，例如：`{ foo: bar }`。  
  "jsxBracketSameLine": false, // 在JSX中，若表達(dá)式跨多行，此設(shè)置決定`>`的位置。設(shè)為false時，`>`位于新行。  
  "arrowParens": "avoid", // 此設(shè)置決定單參數(shù)箭頭函數(shù)的參數(shù)是否使用圓括號。設(shè)為"avoid"時，盡可能不使用圓括號。  
  "endOfLine": "lf", // 此設(shè)置定義行尾使用的字符。設(shè)為"lf"時，使用LF（換行符）作為行尾字符。  
  "jsxSingleQuote": false, // 在JSX中，此設(shè)置決定是否使用單引號。設(shè)為false時，默認(rèn)使用雙引號。  
  "vueIndentScriptAndStyle": true // 在Vue文件中，此設(shè)置決定`<script>`和`<style>`標(biāo)簽內(nèi)的代碼是否縮進(jìn)。  
}

/dist/*
.local
.output.js
/node_modules/**

**/*.svg
**/*.sh

/public/*

<template>
	      <div>
<h1></h1>
				   </div>
					  <div></div>
		
</template>

<script setup>
	import {} from 'vue'
</script>

<style lang="scss" scoped></style>

module.exports = {
	root: true,
	env: {
		browser: true,
		es2021: true,
		node: true
	},
	extends: ["plugin:vue/vue3-recommended", "eslint:recommended", "plugin:prettier/recommended"],
	parserOptions: {
		ecmaVersion: 12,
		sourceType: "module"
	},
	plugins: ["vue"],
	rules: {
		// 自定義規(guī)則
		"prettier/prettier": "error", // 將 Prettier 的格式化規(guī)則作為 ESLint 錯誤處理
		"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
		"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
		"space-before-function-paren": "off", // 確保方法名與括號之間沒有空格檢查
		"vue/multi-word-component-names": "off" //關(guān)閉組件命名規(guī)則
	}
};

*.sh
node_modules
*.md
*.woff
*.ttf
.vscode
.idea
dist
/public
/docs
.husky
.local
/bin
.eslintrc.cjs
prettier.config.js
src/assets
tailwind.config.js
postcss.config.js

  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    { "language": "vue", "autoFix": true }
  ]

<template>
	<div>
		<h1></h1>
	</div>
	<div></div>
</template>

<script setup>
	import {} from 'vue';
console.log("Eslint test");
	console.log("hello world!")
</script>

<style lang="scss" scoped></style>