原文链接 通过 vite 创建的 vue3 项目默认并没有像 vue-cli 一样可以选择加入 eslint 和 prettier ，需要自己手动加入，这里记录一下在项目配置 eslint 和 prettier 的过程 1. 先使用vite初始化项目 使用 NPM: $ npm init vite@latest 复制代码 使用 Yarn: $ yarn create vite 复制代码 选择vue 作为 framework 选择 vue-ts 2. 安装 eslint 除了安装 eslint 之外我们还要安装一些常用的 eslint plugin npm i eslint -D npm i eslint-config-standard -D npm i eslint-plugin-import -D npm i eslint-plugin-node -D npm i eslint-plugin-promise -D npm i eslint-plugin-vue -D npm i @typescript-eslint/eslint-plugin -D npm i @typescript-eslint/parser -D npm i eslint-define-config -D 复制代码 eslint-config-standard eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-vue typescript-eslint 3. 配置 eslint 在项目根目录创建 .eslintrc.js // .eslintrc.js // eslint-define-config可以帮助我们做语法提示 const { defineConfig } = require('eslint-define-config') module.exports = defineConfig({ // ESLint 一旦发现配置文件中有 "root": true，它就会停止在父级目录中寻找。 root: true, // 指定脚本的运行环境。每种环境都有一组特定的预定义全局变量。 ...