安装vue-cli最新版

安装vue-cli

安装vue脚手架的过程中遇到了很多问题,看了各种博客,也尝试了很多方法,但一直报错装不上,最终看到一个方法成功解决了各种疑难杂症,顺利安装,废话不多说,下面就贴出来。

  1. 检查自己是否装有 Node.js (非常关键)
    windows+R 在命令提示符窗口中输入:
        node -v

如果有版本号显示,如下图,说明电脑中装有node.js
在这里插入图片描述
否则需要首先装入node.js,安装方式也超级简单,第一步下载,可以戳此处链接,然后根据自己电脑系统,选择合适的就好,我这里是Windows 64位系统,然后选择.msi后缀的文件下载。第二步安装,双击下载的文件,双击启动后傻瓜式安装即可,安装好后再查看版本号,确保安装成功。

2.查看npm版本号

   npm -v

在这里插入图片描述
我刚开始是这个版本号,然后安装最新版的Vue脚手架就一直报错,各种报错,错误我没有截图,但我敢保证,只要安装不成功,都是这些问题,没毛病了,就是npm指令版本太低

  1. 更新 npm到最新
    npm install -g npm@latest

然后再次查看版本号,就这样了
在这里插入图片描述
说实话,单从数字上看,版本号差别好像也不太大,然而别小看这一步更新,直接决定了脚手架安装的成败

4, 安装vue -cli脚手架
最新版本安装方式,和旧版本安装命令还是不同的

      npm install -g @vue/cli

安装结果是这样的
在这里插入图片描述
查看版本,竟然是4.x,更新好快啊,哈哈哈
虽然显示有三个warn,但不影响总体安装效果

  1. 查看vue 版本号
vue -V   //这里一定要注意V是大写!大写!大写!

显示出版本号,说明你就安装完成了。

然而,不要激动的太早,这只是用vue -cli创建项目的第一步,重头戏在下一篇博客更新,告辞。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值