记 npm,git,bower 安装文件时的坑

首先交代故事的起因。vue2.0发布了,随之vue-cli脚手架工具也迎来了版本更新-2.4,
本以为新特性会带来一些惊喜。带着愉悦的心情开始一个新项目vue init webpack project-name
弹出提示:

This will install Vue 2.x version of template.
For Vue 1.x use: Vue init webpack#1.0 vueproject

很人性化嘛,还提示版本初始化区别的命令。于是重新执行vue init webpack#1.0 project-name,始料未及的是:

vue-cli · connect ETIMEDOUT 192.30.252.137:443

类似这种错误,大致是因为网络代理的原因。接触git bash这款命令行工具很久了,虽然很强大,但也有一些命令是需要切换回cmd进行处理的。

这里解释下为什么不用2.4版本初始化项目。
其一,从vue1.0版本过渡到2.0需要时间,项目已经立项。
其二,vue2.0版本刚刚推出,自己觉得还得等待一段时间才适合投入项目进行开发。

这里来整理下目前存在的问题:

  1. git base自身不够完善(win下),有时需要切回cmd模式;
  2. 执行npm,git,bower等操作时,会时不时因网络代理而失败;

依次解决以上问题:

重装 git bash

  1. 卸载git bash
  2. 重新安装git bash
  3. 安装时需要的设置:
    • 操作一
      操作一
    • 操作二
      操作二
    • 操作三
      操作三

解决代理问题

有时候我们在某些环境下(比如墙内或公司内网)可能不能正常使用 git/npm/bower/gem 等各种工具,那就使用代理吧。这里假定服务器代理地址为127.0.0.1,端口为1080

  1. 为 npm 设置代理

    npm config set proxy http://127.0.0.1:1080
    npm config set https-proxy http://127.0.0.1:1080
    

    注意不要遗漏 http:// ,否则可能安装某些package时可能会报:

    ERR! Error: Invalid protocol
    

    如果代理需要认证的话可以这样来设置:

    npm config set proxy http://username:password@server:port
    npm config set https-proxy http://username:pawword@server:port
    
  2. 为 git 设置代理

    • 第一种设置代理的方式
      git config --global http.proxy http://127.0.0.1:1080
      git config --global https.proxy http://127.0.0.1:1080
      
      由于代理上网,git 协议不能用,所以需要设置来用 https 协议替代:
      git config --global url."https://".insteadOf git://
      
      如果执行:
      git clone https://....
      
      报以下错误:
      error: server certificate verification failed.
      CAfile: /etc/ssl/certs/ca-certificates.crt
      CRLfile: none
      
      说明证书校验有问题,可以设置:
      git config --global http.sslverify false
      
    • 第二种方法是直接修改git的配置文件.gitconfig
      [http]
      proxy = http://10.24.48.191:808
      sslverify = false
      [https]
      proxy = http://10.24.48.191:808
      [url "https://"]
      insteadOf = git://
      
  3. 为 bower 设置代理

    bower 的安装和使用依赖于 npm 和 git,在完成前两者的代理设置后,有两种方法为 bower 设置代理。

    • 方法一直接修改 bower 的配置文件.bowerrc,如果没有可以添加:
      "proxy": "http://10.24.48.6:808",
      "https-proxy": "http://10.24.48.6:808"
      
    • 在系统变量里添加 HTTP_PROXY 和 HTTPS_PROXY。

执行vue init命令时,提示网络链接错误(win10环境下):

解决办法:设置hosts文件,路径为C:\Windows\System32\drivers\etc,删除有关github的字段即可。

代理设置参考链接;
git重装参考链接;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容