vue cli脚手架创建项目的2种方式

环境：Mac
工具：Hbuilder

通过命令创建项目

1.创建项目

打开终端，进入你要放项目的文件夹，vue -V检查是否有脚手架vue cli，然后进行创建：vue create 项目名。

2.选择默认创建

3.完毕，会出现提示命令。按照提示命令依次执行。

4.完毕，选择网址在浏览器打开并出现如下界面


5.到编辑软件，文件–打开目录–刚才的创建的项目名。即可使用啦。

6.如过control c停掉了刚才第4步终端的项目进程
到编辑软件界面，选择工具–外部命令–npm run serve，选择使用外部终端即可继续进行项目。

例：
子组件填写内容：

父组件填写内容：

工具 – 外部命令 – 外部终端 – npm run serve

浏览器查看效果：

使用图形化界面vue ui创建项目

1.首先安装vue环境
因为我一开始装成2.9.6版本了，所以需要先卸载该版本再重新安装。
这里参考博文：
https://www.cnblogs.com/cui-cui/p/11537772.html
vue -V查看版本
卸载2.9.6等旧版本的命令：

sudo npm uninstall vue-cli -g

新版vue脚手架安装命令：

sudo npm install -g @vue/cli

2.完毕后会出现版本信息，vue -V再次检查，然后执行vue ui会直接进入浏览器。

3.到浏览器以后根据界面提示依次执行完成创建项目

项目名称写好后，包管理器选择npm，然后下一步

单击运行直至盘满。

启动app。

启动app成功后，会直接跳到以下页面
（注意：如果端口被占用没有出来该页面，只需到浏览器设置里面清理缓存再返回来刷新即可。）

至此，创建完毕到刚才设置的路径检查是否有刚创建的项目即可。
（有个字写错：该）