开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第8天，点击查看活动详情
前面已经介绍过使用vue2创建项目，这篇文章主要介绍vue3创建项目，其中用到的脚手架是@vue/cli。
安装
和创建vue2项目一样，在创建vue项目之前，我们需要安装一些环境，比如：node, vue脚手架， npm等
1. 安装node
去官网下载：nodejs.org/en/
下载最近版本，直接在首页下载就好
也可以下载之前的原始版本 nodejs.org/en/download…
如果之前已经安装过node, 可以通过查看node版本看看自己是否已经安装
查看命令
node -V
或者
node -version
2. 安装npm
下载完node之后，会有对应版本的npm。从上面那个图中也可以看出node版本和npm版本的对应关系
npm（node package manager）：node.js 的包管理器，用于node插件管理（包括安装、卸载、管理依赖等） ，npm 是随同 node.js 一起安装的包管理工具，能解决 node.js 代码部署上的很多问题
每一种node都对应有自己的npm版本，但是在实际开发过程中，需要切换不同项目，这些项目之间可能需要不同版本的npm才能启动成功，这里我推荐使用nvm管理工具去管理npm版本，这样就不用重新卸载和安装node啦。
当然除了npm之外，还有其他的包管理工具，只是这些工具不是node自带的，需要手动安装一下，安装命令如下：
安装yarn
npm install -g yarn
查看版本
yarn -v
安装cnpm
npm install -g cnpm -registry=https://registry.npm.taobao.org
查看版本
cnpm -v
3. 安装脚手架
npm方式：
npm install -g @vue/cli
cnpm方式：
cnpm install -g @vue/cli
yarn方式：
yarn global add @vue/cli
创建项目
vue3项目可以使用vite创建，vite是基于原生ES-Module的前端构建工具。和vue3.0是同时发布的，在这里我们还是以webpack去配置，感兴趣的同学可以去vite官网查看。
1. 安装指令
vue create vue3
2. 选择项目模式
执行完上面的指令之后，如图所示，vue3有两种创建项目的方式：default和manully select模式。
2.1 default
默认模式就是说采用默认的方式创建，这种方式下会自动给你生成一个初始化项目，不需要配置任何配置项
生成完成后项目如下：
项目目录
2.2 manully select
手动模式下就是说可以根据项目自定义配置
2.2.1 选择版本
这里我们选择vue3版本
2.2.2 eslint配置
这里我们选择标准模式就可以
2.2.3 配置位置
选择将上面的配置是存放在package.json文件中还是单独的配置位置中，这里我们选择存在单独的配置文件中
2.2.4 保存为预设
2.2.5 项目初始化
现在就开始下载项目模板了
项目目录如下：
3. 运行项目
按照上面的方式创建好了项目之后，就可以运行项目了
打开项目文件夹
cd vue3
运行项目
npm run serve
4. 小结
不管是以上面哪种方式创建的项目，都是没有vue.config.js文件的，因为相比vue2, vue3是集成了webepack配置。如果需要重新配置webpack, 只需要手动创建一个vue.config.js文件即可。
