Vue3系列—如何创建Vue3工程

方法一：基于vue-cli创建（不推荐）

1. 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上：vue --version

2. 安装或升级@vue/cli：npm install -g @vue/cli

3. 执行创建命令：vue create vue_test（随后vue版本选择3.x）

-- 注意：vue-cli已处于维护模式，官方推荐基于Vite创建项目

方法二：基于vite创建（推荐）

1. 创建命令：npm create vue@latest

2. 具体配置：

• 项目名称：Project name: <your project name>
• 是否添加TypeScript支持：Add TypeScript？Yes/No
• 是否添加JSX支持：Add JSX Support？Yes/No
• 是否添加路由环境：Add Vue Router for Single Page Application development？Yes/No
• 是否添加pinia环境：Add Pinia for state management？Yes/No
• 是否添加单元测试：Add Vitest for Unit Testing？Yes/No
• 是否添加端到端测试方案：Add an End-to-End Testing Solution？Yes/No
• 是否添加ESLint语法检查：Add ESLint for code quality？Yes/No
• 是否添加Prettier代码格式化：Add Prettier for code formatting？Yes/No

3. 官方文档地址：https://cn.vuejs.org/guide/quick-start.html#creating-a-vue-application

关于vite

1. vite是什么：vite是新一代前端构建工具，对标webpack，官网：Vite中文网

2. vite的优势：

• 轻量快速的热重载（HMR），能实现极速的服务启动
• 对TypeScript、JSX、CSS等支持开箱即用，无需配置，直接写即可
• 真正的按需编译，不再等待整个应用编译完成