Vue3 + TypeScript + Vite 初始项目搭建（ESLint、Prettier、Sass

# 安装或升级至最新版本的 npm
npm install -g npm@latest
 
# 安装 Vue CLI 如果尚未安装
npm install -g @vue/cli
 
# 创建一个新的 Vue 3 项目，使用 'my-app' 作为项目名称
vue create my-app
 
# 进入项目目录
cd my-app
 
# 添加 TypeScript 支持
vue add typescript
 
# 添加 Vite 作为构建/开发服务器
vue add vite
 
# 安装 Sass 支持
npm install -D sass sass-loader
 
# 安装 ESLint 插件
vue add eslint
 
# 安装 Prettier 插件并配置 .prettierrc 文件
npm install -D prettier
npx prettier --write .
 
# 配置 ESLint 与 Prettier 共存
# 在 .eslintrc.js 文件中配置
module.exports = {
  extends: [
    // 添加 'plugin:prettier/recommended' 来启用 prettier 插件
    'plugin:prettier/recommended'
  ]
  // 其他配置...
};
 
# 配置完成，可以启动项目
npm run serve

以上命令将会创建一个新的 Vue 3 项目，并配置 TypeScript、Vite、ESLint、Prettier 以及 Sass 支持。这为开始开发新的 Vue3 项目提供了一个强大的基础环境。