使用vite搭建vue3项目-npmcreatevite@latestconfigureeslint启动项目数据-package.json中的依赖-tsconfig.json中的配置-vite.config.ts中的配置installeslint-npminstalleslint--save-dev-npxeslint--init(初始化)选择模式(检查语法,发现问题,强制代码风格)选择语言模块(JavaScript)选择语言框架(vue)是否使用ts(yes)代码在哪里运行,空间选择(全选)选择风格(选择流行)代码风格指南(标准)配置文件是什么格式(JavaScript)现在是否安装,用什么包管理器下载这时候会出现一个.eslintrc.cjs文件在页面上,为什么是.cjs后缀不是.js,因为在.package.json文件中设置了"type":"module"。如果直接将后缀名改成.js,会报错,需要删除"type":"module"。初始化eslint配置文件配置首先下载vite插件npminstallvite-plugin-eslint--save-dev更改vite.config.ts-runeslint-npxeslint。需要在parserOptions中配置一个project属性在parserOptions中添加project:'./tsconfig.json'属性解决了第一个问题。在规则中添加选项'@typescript-eslint/triple-slash-reference':'off'来解决下一个问题。可以查看官网https://typescript-eslint。io/...在tsconfig.ts中添加配置因为刚才的vite.config.ts文件中多了一个逗号和空格,所以2个错误会爆炸。所有配置##eslintrc.cjsmodule.exports={env:{browser:true,es2021:true,node:true,//打开设置语法糖环境'vue/setup-compiler-macros':true},extends:['eslint:recommended','plugin:vue/vue3-essential','standard-with-typescript','plugin:@typescript-eslint/recommended'],overrides:[],parser:'vue-eslint-parser',parserOptions:{ecmaVersion:'latest',sourceType:'module',//解析vue文件代码在
