本文参考了一个小姐姐的博客,在小姐姐的基础上,我写得更细而已(更适合没有基础的),原文地址如下: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几个字,如下图在这里插入图片描述
跳转页面到下图所示,就说明项目新建完成了!在这里插入图片描述
觉得有用的小伙伴请点个赞,谢谢!

Logo

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

更多推荐