Vue CLI的UI界面（可视化操作Vue项目）
·
一、打开我们的Vue项目
如果当时是使用vue init webpack my-project创建Vue项目的，打开Vue项目是先用cd切换到项目文件夹，再使用“npm run dev”或者“npm run start”命令打开。如果是使用vue create my-project创建的Vue项目，就只能使用“npm run serve”命令打开项目。这是我目前的发现。
二、打开Vue-Cli的UI界面
在已经打开了git bash的情况下，再双击git bash便可打开第二个git bash，然后切换到项目文件夹（如cd /F/my-project），然后运行“vue ui”命令便可自动打开Vue CLI的UI界面，并自动跳转到浏览器显示UI界面，如下图：
三、通过Vue-Cli的UI界面可以创建Vue项目
点击中间的“创建”，点击下方的“在此创建新项目”，其功能和使用命令行“vue create my-project”创建Vue项目是等同的
四、导入Vue项目
因为我之前是使用命令行创建的Vue项目，因此我现在需要导入它，路径是我们Vue项目的路径，检查没错点击“导入这个文件夹”即可，导入成功应该是下面第二张图：
旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。
更多推荐
2
0- 0
已为社区贡献4条内容
所有评论(0)