用命令行创建项目是不是觉得很鸡肋?
没关系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自带的项目管理器创建项目的详细步骤已完成!
如果文章对你有帮助,不要忘了给我点个赞吼( ̄▽ ̄)~
欢迎关注我的微信公众号:松鼠技术站