这里,eslint 是核心库,eslint-plugin-vue 是对Vue 文件的支持插件,@vitejs/plugin-vue 是Vite 对 Vue 的支持插件,vite-plugin-eslint 是Vite 对 ESLint 的支持插件。 2. 配置 ESLint 规则 安装完成后,你需要创建一个 ESLint 配置文件,并在其中定义规则。在项目根目录下创建 .e
vue是使用eslint-plugin-vue这个插件对vue的格式进行校验的我们打开它的文档看一下 可以看出来vue3推荐的是plugin:vue/vue3-recommended这个规则,而我们的eslintrc.js中使用的是plugin:vue/essential这个,我们修改代码如下,重新打开App.vue问题修复。 module.exports = { extends: [ - 'plugin:vue/essential', + ...
// .eslintrc.jsmodule.exports={env:{browser:true,es2021:true,node:true,},extends:["eslint:recommended","plugin:vue/vue3-essential"],overrides:[],parserOptions:{ecmaVersion:"latest",sourceType:"module",},plugins:["vue"],rules:{indent:["error",2],"linebreak-style":["error","unix"],...
1.2、使用vite构建第一个vue项目 方法一: 要使用 Vite 来创建一个 Vue 项目,非常简单: 代码语言:javascript 复制 $ npm init vue@latest 这个命令会安装和执行create-vue,它是 Vue 提供的官方脚手架工具。跟随命令行的提示继续操作即可。 要学习更多关于 Vite 的知识,请查看Vite 官方文档。 若要了解如何为一个...
Vue Vite 项目增加 eslint 和 prettier Eslint 版本为 8.X 1. 安装 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安装 eslint 以及 prettier 以及一堆依赖 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-im...
'comma-dangle': ['error','never']//eslint的配置 } }) 三、配置vscode { "prettier.enable":false, "editor.formatOnSave":false, "editor.codeActionsOnSave":{ "source.fixAll.eslint":"explicit", "source.organizeImports":"never" },
4、继续安装vite-plugin-eslint npm i -D vite-plugin-eslint 5、配置vite.config.ts文件 import { defineConfig } from 'vite'; import vue from'@vitejs/plugin-vue'; import eslintPlugin from'vite-plugin-eslint';//https://vitejs.dev/config/exportdefaultdefineConfig({ ...
"@typescript-eslint" ], "rules": { } } 此为止我们的eslint安装完毕,下面我们需要让他支持vue 和 ts, 我们来继续修改eslintrc.js文件 我们的项目需要支持vue 和 ts,所以这里我们直接用官方推荐的插件和配置就行了,前面初始化eslint 选项的时候,就已经自动安装了相关依赖包 [eslint-plugin-vue] 和@type...
Vue:3.2.47 Typescript:* Vite:4.2.0 第三方库 ESLint eslint eslint-plugin-vue eslint-plugin-import vue-eslint-parser eslint-config-airbnb-base @typescript-eslint/parser @typescript-eslint/eslint-plugin husky lint-staged commitizen
vite内置了eslint和prettier的模板,所以不用像以前那样从头配置Eslint和Prettier 项目创建步骤如下: 一、vite 创建项目 npm init vite@latest 项目名字 框架选vue 选customize with create-vue,然后根据项目选择(选择customize with create-vue实际就是去调了npm init vue@latest) ...