vue3项目新建

一. 全局安装vue3

详细步骤详见 ：[在全局vue2的基础上安装vue3（同时存在两个版本）](https://blog.csdn.net/Jioho_chen/article/details/90455778)

当然可以vue2的基础上直接升级成vue3，这样vue2就不能继续使用了。

查看本机vue3的版本号：（因为我同时需要使用vue3和vue2，故改变了全局命令的名称）

vue3包含的命令：

二. 新建项目

vue3中提供两种新建项目方法：

1. 使用命令行新建

vue create ProjectName  // 文件名 不支持驼峰（含大写字母）

选择自动加入babel和eslint
或者手动选择
我们选择自动加入

开始下载

等待下载完成

如上图提示命令：cd libin-test & npm run serve

进入文件夹 cd libin-test，文件目录如下图所示，对比vue2项目 内容精简很多

运行项目npm run serve
记得不再是vue2的npm run dev 啦

运行成功，打开地址，如图所示，创建成功

2. 使用vue3特有的图形化工具创建
   打开命令行直接运行vue ui（此vue代表全局的vue3，我本机为vue3命令）
   
   自动打开了http://localhost:8000/dashboard页面，如下图所示（因为我之前运行过，所以默认打开这个项目）

选择vue项目管理器回到主页面


点击创建项目，选择路径和名称等

根据自己的喜好，创建项目

创建成功，等待下载依赖

此时我的vue版本为

之前3.11.0创建项目时一直报错后面给它升级成了最新的4.1.1创建成功！

直接在图形化界面打开项目：

运行项目

编译成功

点击路径，打开即可

创建成功