ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

安装vue-cli最新版

2020-01-23 12:39:59  阅读:888  来源: 互联网

标签:npm 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创建项目的第一步,重头戏在下一篇博客更新,告辞。

qq_44571236 发布了16 篇原创文章 · 获赞 0 · 访问量 265 私信 关注

标签:npm,vue,cli,版本号,脚手架,最新版,安装
来源: https://blog.csdn.net/qq_44571236/article/details/104074814

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有