vite内置了eslint和prettier的模板,所以不用像以前那样从头配置Eslint和Prettier 项目创建步骤如下: 一、vite 创建项目 npm init vite@latest 项目名字 框架选vue 选customize with create-vue,然后根据项目选择(选择customize with create-vue实际就是去调了npm init vue@latest) 二、项目创建完成后的目录结构 已经...
运行yarn prettier后,代码已经格式化,说明prettier配置有效,删除script 中的prettier测试命令 ESLint + Prettier 在eslint校验中加入Prettier格式化,安装依赖 yarn add eslint-config-prettier eslint-plugin-prettier -D 更改Eslint 的配置文件.eslintrc.cjs, 在里面加入 Prettier 相关配置 module.exports = { "env":...
'warn':'off','vue/no-multiple-template-root':'off','@typescript-eslint/no-explicit-any':'off','@typescript-eslint/explicit-module-boundary-types':'off', }, }; 在项目根目录下创建一个.prettierrc.js文件,并添加以下内容: module.exports={semi:true,trailingComma:'all',singleQuote:true,prin...
然后在你的 eslint 配置文件中的 extends 中最后加上一个plugin:prettier/recommended: 配置参考下面链接 需要安装@eslint/eslintrc pnpmadd@eslint/eslintrc--save-dev 具体代码: importglobalsfrom"globals";importpluginJsfrom"@eslint/js";importtseslintfrom"typescript-eslint";importpluginVuefrom"eslint-pl...
在Vue 3 + Vite + TypeScript项目中配置ESLint与Prettier,可以按照以下步骤进行: 1. 安装ESLint和Prettier相关依赖 首先,需要安装ESLint、Prettier以及相关的插件和配置。在项目的根目录下运行以下命令: bash npm install eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin -...
1.3 配置.eslintrc.js 此时在项目中会产生一个.eslintrc.js文件,因为eslint默认是不会解析.vue后缀文件的,所以还需要额外的解析器,但初始的.eslintrc.js文件中extends配置顺序原因@typescript-eslint/parser把vue-eslint-parser覆盖了。所以这里需要做些修改,配置如下: ...
npm i @vitejs/plugin-vue typescript vite # 更新vue-tsc,这一步也非必要 npm uninstall vue-tsc npm i vue-tsc -D 2. 安装 eslint与prettier npm i @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue prettier vite...
里面包括eslint的vue插件,eslint的prettier插件,typescript解析器,typescript规则,prettier规则。 .eslintrc 创建.eslintrc文件,注意不要用js后缀,否则vscode的eslint插件无法工作。 {"env": {"browser":true,"es2021":true,"node":true},"extends": ["eslint:recommended","plugin:vue/vue3-recommended","pl...
@typescript-eslint/parser','sourceType':'module'},'plugins':['vue','@typescript-eslint'],'rules':{'prettier/prettier':'off','@typescript-eslint/ban-ts-comment':'off','@typescript-eslint/no-var-requires':'off','@typescript-eslint/interface-name-prefix':'off','@typescript-eslint...
eslint-config-前缀的独立模块,可以省略前缀 比如:eslint-config-prettier 完整配置如下: module.exports={root:true,env:{browser:true,node:true,es2021:true},parser:'vue-eslint-parser',extends:['eslint:recommended','plugin:vue/vue3-recommended','plugin:@typescript-eslint/recommended','plugin:prettie...