一、打开我们的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项目的路径,检查没错点击“导入这个文件夹”即可,导入成功应该是下面第二张图: 

 

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐