vue3+eslint使用eslint的注意点

使用eslint，推荐使用开发工具vscode，并安装eslint插件，会提示相关问题，但是在vue配置中不能关闭eslint

eslint关闭命令："@typescript-eslint/no-explicit-any": ["off"]

 

vue3使用vue-cli安装：推荐安装步骤如链接：https://blog.csdn.net/qq_36024028/article/details/124275852

根据上面安装后，请选择eslint和typescript等，进行vue3的项目搭建

安装完成后eslint就会生效，

当你修改相关内容时就会发现，随意的使用单引号，或者变量不加封号就会出现eslint的错误提示

 

引入elementUI 使用国际化的

app.use(ElementPlus, {
  locale: zhCn,
})
就会出现 eslint错误提示，

根据提示安装即可

npm run lint --fix

 

 

 

 

命名规则错误（默认使用驼峰命名文件名称）

error Component name “index“ should always be multi-word vue/multi-word-component-names

方案1：名称修改为  AppHeader.vue 

方案2：配置eslint，关闭命名规则

• 在 .eslintrc.js 文件中关闭命名规则

 

在vscode中安装下面插件，可使用vb 快速生成ts模板

Vue VSCode Snippets