目录
  1. 1. Vue-cli的安装与问题的解决
vue-cli安装与问题

Vue-cli的安装与问题的解决

head

​ 在我们vue学习到后期后,脚手架vue-cli的使用是必不可少的,那么这次就来分享一哈它是怎么安装的:

​ 1.首先我们要在文件夹中打开cmd命令行,这里为了方便展示,我就建到了桌面:

1

​ 2.打开cmd并进入我们新建的文件夹:

1

​ 3.执行如下命令安装脚手架

npm install vue-cli

​ 4.下载过程可能会有点慢,有基础的朋友可以选择用淘宝的cnpm下载,这里不做过多强调,下载成功后,我们的文件夹会多出如下内容:

1

​ 5.好了,接下来切回命令行我们继续,输入如下指令来初始化我们的项目:

vue init webpack vue_new 注:这里的vue_new是我们自定的项目名

​ 6.安装过程中的提示大部分初学无关紧要,一路回车即可,效果如下:

1

​ 7.上一步可能会有段时间,可以去喝会茶什么的,结束后我们可以看到他为我们列出了两行命令,按其执行即可,意为进入项目打开项目

1.

​ 8.最后,他会返回给我们的本机地址,将他复制,粘贴至浏览器即可

1

​ 9.下图则是我们最终的结果,至此,我们的vue-cli已经安装完成,至于项目该如何写,就要看我们个人开发了

1

​ 10…最后还有一点,就是有的朋友可能会出现安装不了,出错的情况,切记不要慌!,把下载失败的项目删掉,然后在我们的命令行执行如下命令,再去安装一次,会出现这种情况可能是因为我们的环境不干净,有缓存之类导致的。

npm cache clean –force

结语:

​ 如果本篇给解决了你的问题,那是最好的,如果没有也别着急,别灰心!

​ 办法总比困难多!编程路上哪有一路顺风,加油!

文章作者: 阿福不想坐飞机
文章链接: http://yoursite.com/2019/07/27/vue-cli/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 阿福不想做飞机
打赏
  • 微信
  • 支付宝

评论