記 npm,git,bower 安裝文件時(shí)的坑

首先交代故事的起因。vue2.0發(fā)布了,隨之vue-cli腳手架工具也迎來了版本更新-2.4,
本以為新特性會(huì)帶來一些驚喜。帶著愉悅的心情開始一個(gè)新項(xiàng)目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

很人性化嘛,還提示版本初始化區(qū)別的命令。于是重新執(zhí)行vue init webpack#1.0 project-name,始料未及的是:

vue-cli · connect ETIMEDOUT 192.30.252.137:443

類似這種錯(cuò)誤,大致是因?yàn)榫W(wǎng)絡(luò)代理的原因。接觸git bash這款命令行工具很久了,雖然很強(qiáng)大,但也有一些命令是需要切換回cmd進(jìn)行處理的。

這里解釋下為什么不用2.4版本初始化項(xiàng)目。
其一,從vue1.0版本過渡到2.0需要時(shí)間,項(xiàng)目已經(jīng)立項(xiàng)。
其二,vue2.0版本剛剛推出,自己覺得還得等待一段時(shí)間才適合投入項(xiàng)目進(jìn)行開發(fā)。

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

  1. git base自身不夠完善(win下),有時(shí)需要切回cmd模式;
  2. 執(zhí)行npm,git,bower等操作時(shí),會(huì)時(shí)不時(shí)因網(wǎng)絡(luò)代理而失敗;

依次解決以上問題:

重裝 git bash

  1. 卸載git bash;
  2. 重新安裝git bash;
  3. 安裝時(shí)需要的設(shè)置:
    • 操作一
      操作一
    • 操作二
      操作二
    • 操作三
      操作三

解決代理問題

有時(shí)候我們?cè)谀承┉h(huán)境下(比如墻內(nèi)或公司內(nèi)網(wǎng))可能不能正常使用 git/npm/bower/gem 等各種工具,那就使用代理吧。這里假定服務(wù)器代理地址為127.0.0.1,端口為1080。

  1. 為 npm 設(shè)置代理

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

    注意不要遺漏 http:// ,否則可能安裝某些package時(shí)可能會(huì)報(bào):

    ERR! Error: Invalid protocol
    

    如果代理需要認(rèn)證的話可以這樣來設(shè)置:

    npm config set proxy http://username:password@server:port
    npm config set https-proxy http://username:pawword@server:port
    
  2. 為 git 設(shè)置代理

    • 第一種設(shè)置代理的方式
      git config --global http.proxy http://127.0.0.1:1080
      git config --global https.proxy http://127.0.0.1:1080
      
      由于代理上網(wǎng),git 協(xié)議不能用,所以需要設(shè)置來用 https 協(xié)議替代:
      git config --global url."https://".insteadOf git://
      
      如果執(zhí)行:
      git clone https://....
      
      報(bào)以下錯(cuò)誤:
      error: server certificate verification failed.
      CAfile: /etc/ssl/certs/ca-certificates.crt
      CRLfile: none
      
      說明證書校驗(yàn)有問題,可以設(shè)置:
      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 設(shè)置代理

    bower 的安裝和使用依賴于 npm 和 git,在完成前兩者的代理設(shè)置后,有兩種方法為 bower 設(shè)置代理。

    • 方法一直接修改 bower 的配置文件.bowerrc,如果沒有可以添加:
      "proxy": "http://10.24.48.6:808",
      "https-proxy": "http://10.24.48.6:808"
      
    • 在系統(tǒng)變量里添加 HTTP_PROXY 和 HTTPS_PROXY。

執(zhí)行vue init命令時(shí),提示網(wǎng)絡(luò)鏈接錯(cuò)誤(win10環(huán)境下):

解決辦法:設(shè)置hosts文件,路徑為C:\Windows\System32\drivers\etc,刪除有關(guān)github的字段即可。

代理設(shè)置參考鏈接;
git重裝參考鏈接;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容