首页 > 其他 > 详细

使用vue-cli搭建vue项目问题解决方案

时间:2018-08-10 14:58:47      阅读:159      评论:0      收藏:0      [点我收藏+]

工欲善其事必先利其器,安装所需环境

  1. node和npm的安装
    首先需要安装node环境,直接到官网下载安装包 https://nodejs.org/zh-cn/
    安装node默认安装npm, 不需要重复安装npm。安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。
    技术分享图片
  2. 下载dev-tool工具
    为了以后调式做准备 https://github.com/vuejs/vue-devtools#vue-devtools
  3. 安装全局vue-cli脚手架
    npm install -g vue-cli
    出现如下问题:
    技术分享图片
    技术分享图片
    技术分享图片
    npm install -g cnpm –registry=https://registry.npm.taobao.org
    技术分享图片
    安装vue-cli
    安装好了node后,我们可以直接在控制台通过命令安装vue-cli
    npm install -g vue-cli //-g 表示全局安装vue-cli
    这种安装方式比较慢,推荐使用国内镜像来安装,所以我们先设置cnpm,在控制台安装cnpm 命令,安装成功后,我们也可以通过cnpm -v来查看对应的安装版本。
    当然,如果安装失败,可以使用 npm cache clean 清理缓存,然后再重新安装。后面的安装过程中,如有安装失败的情况,也需要先清理缓存。
    或者通过命令npm config set strict-ssl false关闭npm的https
    npm config set strict-ssl false //关闭npm的https // npm cache clean 如果安装失败,请打开该注释,然后两句一起运行 npm install -g cnpm --registry=https://registry.npm.taobao.org

使用vue-cli搭建vue项目问题解决方案

原文:https://www.cnblogs.com/web-record/p/9454914.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!