创建一个可视化vue-cli项目
本文参考了一个小姐姐的博客,在小姐姐的基础上,我写得更细而已(更适合没有基础的),原文地址如下:https://blog.csdn.net/ws19900201/article/details/99948384首先,先要安装vue/cli打开cmd或者gitbash,输入如下代码npm install -g @vue/cli再电脑左下角搜索框输入cmd,出现命令提示符,鼠标右键选择管理...
本文参考了一个小姐姐的博客,在小姐姐的基础上,我写得更细而已(更适合没有基础的),原文地址如下:https://blog.csdn.net/ws19900201/article/details/99948384
首先,先要安装vue/cli
打开cmd或者gitbash,输入如下代码
npm install -g @vue/cli
再电脑左下角搜索框输入cmd,出现命令提示符,鼠标右键选择管理员打开
打开之后,在cmd上输入vue ui
然后回车,等待,出现如下界面说明操作ok了
这时会自动打开默认浏览器,跳转到如下界面
左上角有个下拉菜单,就是下图红色箭头所指的地方,点击之后如下图所示
然后点击上图红色方框位置的vue项目管理器,到了如下界面之后,点击新建
接下来配置一下项目保存的文件,就是下图红色方框位置
点击在此创建新项目,我的项目路径是C:\cli3\vuecli3\keshihua\vue2,根据个人习惯设置。到新界面之后要配置两个地方,如图所示
第一个是项目名称,根据自己习惯写吧。第二个是npm的选择,配置好了点击下一步
这里根据自己情况选择,然后点击创建项目
这里要稍微等一下
好了之后就跳到这个界面了,我们可以发现红色方框里面是我们刚才创建项目的名字,点击左边的任务,然后选择server
接下来点击下图圈起来位置的运行
等待几秒
圈起来的位置是进度条,运行完成了如下图所示
接下来点击启动app几个字,如下图
跳转页面到下图所示,就说明项目新建完成了!
觉得有用的小伙伴请点个赞,谢谢!
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)