首先安装上ESlint扩展，

由于我这是vue项目，需要对vue文件也在保存时自动格式化，所以还装了这个：

在项目根路径下创建.vscode文件夹，里面新建两个文件extensions.json和settings.json

extensions.json文件的内容如下：

{
  "recommendations": [
    "Vue.volar",
    "Vue.vscode-typescript-vue-plugin",
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode"
  ]
}

settings.json文件的内容如下：

{
	// 开启保存时自动格式化
	"editor.formatOnSave": true,
	// 默认格式化工具设为 Prettier（配合 ESLint）
	"editor.defaultFormatter": "esbenp.prettier-vscode",

	// 让 ESLint 接管所有文件的保存格式化
	"editor.codeActionsOnSave": {
		"source.fixAll.eslint": "explicit"
	},

	// 对 Vue 文件单独配置（必须）
	"[vue]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},

	// 关闭 VSCode 自带的 JS/TS 格式化，避免冲突
	"javascript.format.enable": false,
	"typescript.format.enable": false,

	// ESLint 工作区配置
	"eslint.useFlatConfig": false, // 你的项目用的是传统 .eslintrc.cjs，所以要关这个
	"eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue"]
}

注释都够清楚了，就不赘言了