首先交代故事的起因。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ā)。
這里來整理下目前存在的問題:
-
git base自身不夠完善(win下),有時(shí)需要切回
cmd模式; - 執(zhí)行
npm,git,bower等操作時(shí),會(huì)時(shí)不時(shí)因網(wǎng)絡(luò)代理而失敗;
依次解決以上問題:
重裝 git bash
- 卸載
git bash; - 重新安裝
git bash; - 安裝時(shí)需要的設(shè)置:
- 操作一
- 操作二
- 操作三
解決代理問題
有時(shí)候我們?cè)谀承┉h(huán)境下(比如墻內(nèi)或公司內(nèi)網(wǎng))可能不能正常使用 git/npm/bower/gem 等各種工具,那就使用代理吧。這里假定服務(wù)器代理地址為127.0.0.1,端口為1080。
-
為 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 -
為 git 設(shè)置代理
- 第一種設(shè)置代理的方式
由于代理上網(wǎng),git 協(xié)議不能用,所以需要設(shè)置來用 https 協(xié)議替代:git config --global http.proxy http://127.0.0.1:1080 git config --global https.proxy http://127.0.0.1:1080
如果執(zhí)行:git config --global url."https://".insteadOf git://
報(bào)以下錯(cuò)誤:git clone https://....
說明證書校驗(yàn)有問題,可以設(shè)置:error: server certificate verification failed. CAfile: /etc/ssl/certs/ca-certificates.crt CRLfile: nonegit 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://
- 第一種設(shè)置代理的方式
-
為 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。
- 方法一直接修改 bower 的配置文件
執(zhí)行vue init命令時(shí),提示網(wǎng)絡(luò)鏈接錯(cuò)誤(win10環(huán)境下):
解決辦法:設(shè)置
hosts文件,路徑為C:\Windows\System32\drivers\etc,刪除有關(guān)github的字段即可。