简言：
注意：Vue 3.0 项目目前需要从 Vue 2.0 项目升级而来
目录
一、准备工作
二、搭建
1.搭建vue的开发环境，安装脚手架工具
sudo npm install -g @vue/cli
2.安装成功后，查看版本是否安装成功
vue -V
最新版是：@vue/cli 5.0.1
3.初始化 vue 项目
vue create vue3-demo
输入命令后，会出现命令行交互窗口；可以选择 Manually select features：
4.之后根据自己的要求选择不同的配置（按 “空格键”选择/取消选择，A键全选/取消全选）
5.进入项目文件夹 运行项目
npm run serve
6.vue cli3 图形化界面创建项目
vue ui
执行以上命令，会在浏览器弹出一个项目管理的界面：
6.1 我们可以点击"创建"选项来创建一个项目，选择底部"在此创建项目"，页面上方也可以选择路径
6.2、然后输入我们的项目名称，选择包管理工具为 npm，然后点击下一步：
6.3、根据个人需要进行配置（默认配置或者手动配置）
6.4、接下来就等待完成安装，安装完成管理界面如下：
三、目录结构
1、目录示意图
1、命令行工具 vue-cli（runoob-vue3-test）：
2、Vite（runoob-vue3-test2）
2、目录解析
| 目录/文件 | 说明 |
|---|---|
| build | 项目构建(webpack)相关代码 |
| config | 配置目录，包括端口号等。我们初学可以使用默认的。 |
| node_modules | npm 加载的项目依赖模块 |
| src | 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：
|
| static | 静态资源目录，如图片、字体等。 |
| public | 公共资源目录。 |
| test | 初始测试目录，可删除 |
| .xxxx文件 | 这些是一些配置文件，包括语法配置，git配置等。 |
| index.html | 首页入口文件，你可以添加一些 meta 信息或统计代码啥的。 |
| package.json | 项目配置文件。 |
| README.md | 项目的说明文档，markdown 格式 |
| dist | 使用 npm run build 命令打包后会生成该目录。 |