通过脚手架创建vue3项目，来继续深入学习vue3相关的知识。

创建vue3项目的方式

目前创建vue3的项目方式比较多：

• vue-cli创建vue3项目
• vite创建vue3项目
• create-vue创建vue3项目

那么接下来我们分别介绍下这三种创建方式。

vue-cli创建vue3项目

• vue-cli是基于webpack来创建项目
• 通过npx安装vue-cli
  • 通过npx安装的好处是临时使用一些库，每次都会使用最新版本，不会将库安装在本地，节省资源
  • 缺点是每次都要临时下载

npx @vue/cli create project-demo

命令说明如下：

• 这里的@vue/cli是脚手架库，npx下载之后相当于命令前缀
• 此段命令相当于vue create project-demo
• 执行成功之后，会让我们选择默认vue2或者vue3的模版或者自定义模版

vite创建vue3项目

• 通过vite官网的介绍，我们可以通过vite创建各种各样的项目（后面会讲），我们这里直接执行创建就好了。
• 我这里使用pnpm创建项目，大家可以选择其他包管理器进行项目创建

npm i pnpm -g

// 通过可以这个命令可以创建vue或者react项目
pnpm create vite   

• 首先需要先输入项目名称
• 然后选择框架语言，到这里你会发现，我们可以基于vite创建多种语言的项目
• 我们选择vue
  • 这里的vue是vue3，使用vite创建项目就没有vue2
  • 如果想基于vite创建vue2项目，可以查找相关的社区模版

通过npm init vite-app 创建项目

npm init vite-app test01(项目名称)

create-vue创建vue3项目

• 最后一种也是我最推荐大家使用的一种，这个库也是官方进行维护的。
• 执行方式也是比较简单的，我们可以基于vite创建vue3或者vue2的项目

npm init vue  // 创建vue3的项目