如何启动一个vue3项目？

vue3

创建方式

创建vue3项目的方式，有多种：

• 使用create-vue，Vue 官方的项目脚手架工具

• 使用Create Preset，可参考Create Preset 起步指南

• 使用vueCLI，可参考如何启动一个vue2项目？，不再赘述

• 使用Vite，可参考搭建第一个 Vite 项目，不再赘述

创建示例

create-vue

确保你安装了最新版本的 Node.js，并且你的当前工作目录正是打算创建项目的目录。然后可以通过如下指令创建项目，详情可参考vue3快速上手。

npm create vue@latest

• 推荐使用Visual Studio Code + Volar
• 更多工具细节，包括与后端框架的整合，请参考工具链指南。
• 要了解构建工具 Vite 更多背后的细节，请查看 Vite 文档。
• 如果你选择使用 TypeScript，请阅读 TypeScript 使用指南。

Create Preset

create-preset 是 Awesome Starter 的 CLI 脚手架，提供快速创建预设项目的能力，可以创建一些有趣实用的项目启动模板，也可以用来管理的常用项目配置。

简单体验

可以通过包管理器的命令来简单体验，通过创建配置的方式直接创建你需要的模板。

npm create preset

然后按照提示进行操作！这种用法可以让你每次都能使用最新版本的 Preset CLI 。

完整用法

推荐全局安装它，用起来更方便，请先全局安装：

npm install -g create-preset

查看全局安装的版本号

preset -v

创建项目

# 将进入 “选择技术栈 -> 选择模板” ，类似于：vue create ...
preset init

延伸阅读

• vue3 快速上手
• Create Preset 起步指南
• 如何启动一个vue2项目？
• 搭建第一个 Vite 项目