vue3 中引入eslint

vue3 中引入eslint

安装 eslint

npm i eslint -D
npx eslint --init

在这里插入代码片
//package.json中
“scripts”: {
“lint”: “eslint src”,//输入命令eslint检查
“fix”: “eslint src --fix”//输入命令eslint自动修复
},

npx eslint --init初始化后，.eslintrc.js文件配置参考中文官网

https://zh-hans.eslint.org/

eslint 忽略某些文件
在vue项目根目录中创建.eslintgnore，内容如：

dist
node_modules
//忽略文件不eslint检查

vue3运行自动eslint检查

npm i vite-plugin-eslint @babel/eslint-parser -D

在vite.config.ts中

import eslintPluigin from "vite-plugin-elsint"
export default defineConfig({
  plugins: [
    vue(),
   eslintPluigin ({
   	 include: ['src/**/*.js','src/**/*.vue', 'src/**/*.jsx', 'src/**/*.ts','src/*.ts','src/*.js'],
	}) 
  ],
})