记 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重装参考链接;