安装vue-cli
安装vue脚手架的过程中遇到了很多问题,看了各种博客,也尝试了很多方法,但一直报错装不上,最终看到一个方法成功解决了各种疑难杂症,顺利安装,废话不多说,下面就贴出来。
- 检查自己是否装有 Node.js (非常关键)
windows+R 在命令提示符窗口中输入:
node -v
如果有版本号显示,如下图,说明电脑中装有node.js
否则需要首先装入node.js,安装方式也超级简单,第一步下载,可以戳此处链接,然后根据自己电脑系统,选择合适的就好,我这里是Windows 64位系统,然后选择.msi后缀的文件下载。第二步安装,双击下载的文件,双击启动后傻瓜式安装即可,安装好后再查看版本号,确保安装成功。
2.查看npm版本号
npm -v
我刚开始是这个版本号,然后安装最新版的Vue脚手架就一直报错,各种报错,错误我没有截图,但我敢保证,只要安装不成功,都是这些问题,没毛病了,就是npm指令版本太低
- 更新 npm到最新
npm install -g npm@latest
然后再次查看版本号,就这样了
说实话,单从数字上看,版本号差别好像也不太大,然而别小看这一步更新,直接决定了脚手架安装的成败
4, 安装vue -cli脚手架
最新版本安装方式,和旧版本安装命令还是不同的
npm install -g @vue/cli
安装结果是这样的
查看版本,竟然是4.x,更新好快啊,哈哈哈
虽然显示有三个warn,但不影响总体安装效果
- 查看vue 版本号
vue -V //这里一定要注意V是大写!大写!大写!
显示出版本号,说明你就安装完成了。
然而,不要激动的太早,这只是用vue -cli创建项目的第一步,重头戏在下一篇博客更新,告辞。