如何搭建一個(gè)比較省心的前端開(kāi)發(fā)環(huán)境

根據(jù) 《windows下使用Yeoman快速構(gòu)建web項(xiàng)目(當(dāng)前web富前端開(kāi)發(fā)最全環(huán)境配置)》整理所得。

1、安裝自己熟悉使用的編輯器或者IDE,上文是建議安裝WebStorm;

2、安裝JDK;

3、安裝git,下載地址http://git-scm.com/download/win;

安裝時(shí)選擇Checkout as-is,commit Unix-style line endings,其余選項(xiàng)都按默認(rèn)。安裝成功后配置環(huán)境變量PATH,添加;C:\Program Files (x86)\Git\bin

配置git代理:(此配置很重要,不配置代理在國(guó)內(nèi)可能無(wú)法使用git遠(yuǎn)程下載資源,特別是最后一項(xiàng)將git:\\協(xié)議轉(zhuǎn)換成https協(xié)議去請(qǐng)求,同時(shí)sslVerify需設(shè)置為false,即不進(jìn)行ssl證書(shū)驗(yàn)證。)

直接修改C:\Users\用戶(hù)名\.gitconfig文件為:

[http]

? ? ? proxy = http://127.0.0.1:8087sslVerify =false

[https]

? ? ? proxy = http://127.0.0.1:8087sslVerify =false

[url"https://"]

? ? ? insteadOf= git://

4、安裝ruby,下載地址為:http://rubyinstaller.org/downloads/,最新版本已經(jīng)默認(rèn)安裝了Ruby Gem

安裝界面中三個(gè)復(fù)選框全部勾選,如下圖:

5、安裝Compass

命令 gem install compass,如果有報(bào)錯(cuò) 會(huì)提示缺少哪些依賴(lài),則根據(jù)提示安裝這些依賴(lài)即可,例如gem install sass

(3,4兩步主要是yeoman執(zhí)行yo命令構(gòu)建工程的時(shí)候,有的工程需要編譯scss,sass,如果不需要使用sass,可以不安裝。建議還是安裝吧,裝全了,不用沒(méi)事,需要用的時(shí)候報(bào)錯(cuò)就麻煩了)

6、安裝python 下載地址https://www.python.org/downloads/,直接默認(rèn)安裝,勾選設(shè)置python到環(huán)境變量,我使用的是最新版python3.4

7、安裝nodejs,下載地址http://nodejs.org/download/

8、安裝nrm,由于npm連接速度太慢,我們想要使用nrm去切換npm的源,所以需要安裝一個(gè)nrm。

nrm 是一個(gè) NPM 源管理器,允許你快速地在如下 NPM 源間切換:

npm

cnpm

strongloop

european

australia

nodejitsu

taobao

安裝

$npm install -g nrm

使用

列出可選的源

nrm ls ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

*npm ---- https://registry.npmjs.org/

cnpm --- http://r.cnpmjs.org/

taobao - http://registry.npm.taobao.org/

eu ----- http://registry.npmjs.eu/

au ----- http://registry.npmjs.org.au/

sl ----- http://npm.strongloop.com/

nj ----- https://registry.nodejitsu.com/

帶*的是當(dāng)前使用的源,上面的輸出表明當(dāng)前源是官方源。

切換

切換到taobao

; nrm use taobao?

? ? Registry has beensetto: http://registry.npm.taobao.org/

增加源

你可以增加定制的源,特別適用于添加企業(yè)內(nèi)部的私有源。私有源可以使用cnpmjs架設(shè)。

nrm add[home]

刪除源

nrm del

測(cè)試速度

你還可以通過(guò)nrm test測(cè)試相應(yīng)源的響應(yīng)時(shí)間。

例如,測(cè)試官方源的響應(yīng)時(shí)間:

; nrm test npm? ? ? ? ??

? ? ? ? ?npm---- 1328ms

測(cè)試所有源的響應(yīng)時(shí)間:

; nrm test??

npm---- 891ms

cnpm--- 1213ms

* taobao - 460ms??

eu----- 3859ms

au----- 1073ms

sl----- 4150ms

nj----- 8008ms

注意,為了取得較準(zhǔn)確的結(jié)果,可以考慮多次測(cè)試取平均值。

許可

nrm 為開(kāi)源軟件,使用 MIT 許可。

項(xiàng)目主頁(yè)

github.com/Pana/nrm

最后編輯于
?著作權(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)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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