記 npm,git,bower 安裝文件時的坑

首先交代故事的原由。vue2.0發佈了,隨之vue-cli腳手架工具也迎來了版本更新-2.4,
本覺得新特性會帶來一些驚喜。帶着愉悅的心情開始一個新項目vue init webpack project-name
彈出提示:vue

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,始料未及的是:webpack

vue-cli · connect ETIMEDOUT 192.30.252.137:443

相似這種錯誤,大體是由於網絡代理的緣由。接觸git bash這款命令行工具好久了,雖然很強大,但也有一些命令是須要切換回cmd進行處理的。git

這裏解釋下爲何不用2.4版本初始化項目。
其一,從vue1.0版本過渡到2.0須要時間,項目已經立項。
其二,vue2.0版本剛剛推出,本身以爲還得等待一段時間才適合投入項目進行開發。github

這裏來整理下目前存在的問題:web

  1. git base自身不夠完善(win下),有時須要切回cmd模式;vue-cli

  2. 執行npm,git,bower等操做時,會時不時因網絡代理而失敗;npm

依次解決以上問題:bash

重裝 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重裝參考連接;

相關文章
相關標籤/搜索