从零开始，搭建Vue3运行环境，并且通过Vue3可视化工具创建Vue3项目

1.安装node.js，进入node.js官网

https://nodejs.org/en/

 点击下载，等待下载完成，点击安装。

 剩下的就是一直点击下一步，安装路径根据自己的需要更改，安装完毕我们就可以使用npm命令，但是一般npm默认的下载源都很慢，一般我们会更改npm的下载源，更换为淘宝源，运行如下指令：

npm config set registry https://registry.npm.taobao.org/

 如果不想使用淘宝源，将其恢复指令为：

npm config set registry https://registry.npmjs.org/

接来下，全局安装Vue最新稳定版，

npm install -g vue@next 

全局安装Vue-cli脚手架

npm install -g @vue/cli

等待安装完毕，vue --version查看版本：

 接下来运行 vue ui，会在网页打开vue3自带的可视化项目管理工具

 

接下来创建项目

 输入项目名称之后点击下一步

 根据你的需要选择，我们这里选择手动配置

 根据你的需要选择想要的功能组件

 这里可以选择vue的版本以及历史模式

接下来创建项目即可，如果想要保存这次的配置信息， 就给一个预设名，下次可以按照预设的配置创建项目，如果不保存直接创建即可。

 等待片刻即可创建成功，而且通过这个可视化工具可以实时的查看项目的相关状态。

 接下来点击任务，就可以看见serve和build，点击serve点击运行就可以启动项目，而且可以看到项目很详细的信息。

 

 点击启动app，就可以跳转到项目页面

 

同时，我们也可以在创建项目的位置看见相应的文件，我们就可以使用编译器打开我们的项目啦。