【VUE学习】（二）用VUE自带的项目管理器创建VUE项目

用命令行创建项目是不是觉得很鸡肋？
没关系VUE早就为方便管理做好了这件事情：
我们可以用vue自带项目管理器创建和管理项目
前提：你已经安装好了node.js,npm等
没有安装请看第一篇：
VUE学习【1】——IDEA：Vue的安装和使用（详细过程）

第一步：启动Vue项目管理器

打开cmd
输入：vue ui

它就会启动下面这个页面：

如果你输入vue ui 木有反应，可以看我的这篇博客：
输入vue ui没有反应的原因和解决办法

第二步：创建项目

（1）点击创建，然后选择你要建项目放置的位置：

（2）填写项目名称，并去掉初始化git仓库

（3）选择手动配置

（4）选择配置项，勾选Router和Vuex 去掉代码的校验，选择下一步

（5）打开历史记录，点击创建项目

（6）这时候会弹出是否把项目保存为新预设，就直接创建项目即可

创建过程可以看到你的命令窗口在显示下载中：

（7）下载完成后用idea打开项目

如果你的.vue文件没有光亮显示，证明你需要在idea中安装VUE的插件：
在Plugins中搜索并安装即可
搜索不出来看我的这篇博客：
Intellij IDEA的Plugins搜索不了插件的解决办法

在项目管理器也可以看到如下图内容：

当然，你也可以测试一下是否能成功运行：
点击任务 Run ：

点击输出：
可以看到控制台输出了两个url
点击url：

出现下面这个界面，就是你本地项目的vue的主界面

如果你想退出图形界面的管理器：在控制台：Ctrl+C即可
就可以看到连接断开：


命令行启动VUE项目：

npm run serve

ok到这里用VUE自带的项目管理器创建项目的详细步骤已完成！

如果文章对你有帮助，不要忘了给我点个赞吼(￣▽￣)~
欢迎关注我的微信公众号：松鼠技术站