Vue-cli的安装与问题的解决
在我们vue学习到后期后,脚手架vue-cli
的使用是必不可少的,那么这次就来分享一哈它是怎么安装的:
1.首先我们要在文件夹中打开cmd命令行,这里为了方便展示,我就建到了桌面:
2.打开cmd
并进入我们新建的文件夹:
3.执行如下命令安装脚手架:
npm install vue-cli
4.下载过程可能会有点慢,有基础的朋友可以选择用淘宝的cnpm
下载,这里不做过多强调,下载成功后,我们的文件夹会多出如下内容:
5.好了,接下来切回命令行我们继续,输入如下指令来初始化我们的项目:
vue init webpack vue_new 注:这里的vue_new是我们自定的项目名
6.安装过程中的提示大部分初学无关紧要,一路回车即可,效果如下:
7.上一步可能会有段时间,可以去喝会茶什么的,结束后我们可以看到他为我们列出了两行命令,按其执行即可,意为进入项目和打开项目
.
8.最后,他会返回给我们的本机地址,将他复制,粘贴至浏览器即可
9.下图则是我们最终的结果,至此,我们的vue-cli
已经安装完成,至于项目该如何写,就要看我们个人开发了
10…最后还有一点,就是有的朋友可能会出现安装不了,出错的情况,切记不要慌!,把下载失败的项目删掉,然后在我们的命令行执行如下命令,再去安装一次,会出现这种情况可能是因为我们的环境不干净,有缓存之类导致的。
npm cache clean –force
结语:
如果本篇给解决了你的问题,那是最好的,如果没有也别着急,别灰心!
办法总比困难多!编程路上哪有一路顺风,加油!