如何启动一个vue3项目?
vue3
创建方式
创建vue3项目的方式,有多种:
-
使用
create-vue
,Vue 官方的项目脚手架工具 -
使用
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