首先应确保已安装NODE和NPM。
方式一 npm create vue
npm create vue是vue官方提供的方法，执行命令后供选内容如下：
搭建好后目录结构如下：
特点：
- 基于 Vite：虽然命令名是
create vue，但实际上它使用 Vite 构建工具来初始化 Vue 3 项目。Vite 提供了快速的冷启动和即时热更新（HMR），使开发过程更加高效。 - Vue 特定配置：会根据 Vue 3 的特点，提供一些默认的配置和预设选项，例如是否使用 TypeScript、Vue Router、Vuex 等，
npm create vue会帮你创建一个符合 Vue 3 最佳实践的项目，适合开发者快速开始。
方式二 npm create vite
npm create vite 是 Vite 的官方创建工具，可以用来初始化多种前端框架的项目，包括 Vue 3、React、Svelte、Preact 等。npm create vite 是一个通用工具，用于创建基于 Vite 的项目。执行命令后供选内容如下：
搭建好后目录结构如下：
特点：
- 多框架支持：通过
npm create vite，你可以选择不同的前端框架（包括 Vue、React、Svelte 等），然后初始化一个相应的项目。它并不局限于 Vue，提供了更广泛的框架支持。 - 快速构建体验：和
npm create vue一样，npm create vite创建的项目也会享受 Vite 的快速启动和热更新优势。
二者差别
package.json文件对比如下，左侧为npm create vite 搭建,右侧npm create vue搭建：
vite.config.js对比如下，左侧为npm create vite 搭建,右侧npm create vue搭建：
| 特性 | npm create vue (Vue 官方脚手架) | npm create vite (Vite 官方工具) |
|---|---|---|
| 目标框架 | 专为 Vue 3 设计 | 支持多种框架（Vue、React、Svelte 等） |
| 构建工具 | 使用 Vite | 使用 Vite |
| 项目配置 | 针对 Vue 3 做了优化和预设配置 | 提供更通用的框架选择，可以为不同框架定制 |
| 易用性 | 简化了 Vue 项目的配置，快速启动 | 项目初始化灵活，适用于不同框架和需求 |
| 适用场景 | 快速搭建 Vue 3 项目，默认配置符合 Vue 最佳实践 | 适用于需要选择多种前端框架的开发者 |
| 创建的项目特性 | 默认配置针对 Vue 3，优化了 Vue 开发体验 | 可选择多种框架，项目初始配置更为通用 |
总结
npm create vue：这是 Vue 官方为 Vue 3 提供的脚手架工具，内部使用 Vite，专门为 Vue 项目量身定制。它提供了一个快速创建 Vue 3 项目的方式，适合那些只关注 Vue 的开发者。npm create vite：这是 Vite 官方提供的一个工具，用来创建多种框架的项目（包括 Vue、React、Svelte 等）。它的优势在于灵活性，支持更多框架，适合那些需要选择不同前端框架的开发者。
虽然两个命令都使用 Vite 来初始化项目，但 npm create vue 是专门为 Vue 3 优化过的，而 npm create vite 是一个更通用的工具，支持 Vue 以外的其他框架。
