如何搭建一个比较省心的前端开发环境

2015-07-20  本文已影响2342人  LoneRanger

根据 《windows下使用Yeoman快速构建web项目(当前web富前端开发最全环境配置)》整理所得。

1、安装自己熟悉使用的编辑器或者IDE,上文是建议安装WebStorm;

2、安装JDK;

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

安装时选择Checkout as-is,commit Unix-style line endings,其余选项都按默认。安装成功后配置环境变量PATH,添加;C:\Program Files (x86)\Git\bin

配置git代理:(此配置很重要,不配置代理在国内可能无法使用git远程下载资源,特别是最后一项将git:\\协议转换成https协议去请求,同时sslVerify需设置为false,即不进行ssl证书验证。)

直接修改C:\Users\用户名\.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/,最新版本已经默认安装了Ruby Gem

安装界面中三个复选框全部勾选,如下图:

5、安装Compass

命令 gem install compass,如果有报错 会提示缺少哪些依赖,则根据提示安装这些依赖即可,例如gem install sass

(3,4两步主要是yeoman执行yo命令构建工程的时候,有的工程需要编译scss,sass,如果不需要使用sass,可以不安装。建议还是安装吧,装全了,不用没事,需要用的时候报错就麻烦了)

6、安装python 下载地址https://www.python.org/downloads/,直接默认安装,勾选设置python到环境变量,我使用的是最新版python3.4

7、安装nodejs,下载地址http://nodejs.org/download/

8、安装nrm,由于npm连接速度太慢,我们想要使用nrm去切换npm的源,所以需要安装一个nrm。

nrm 是一个 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/

带*的是当前使用的源,上面的输出表明当前源是官方源。

切换

切换到taobao

; nrm use taobao 

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

增加源

你可以增加定制的源,特别适用于添加企业内部的私有源。私有源可以使用cnpmjs架设

nrm add[home]

删除源

nrm del

测试速度

你还可以通过nrm test测试相应源的响应时间。

例如,测试官方源的响应时间:

; nrm test npm          

         npm---- 1328ms

测试所有源的响应时间:

; nrm test  

npm---- 891ms

cnpm--- 1213ms

* taobao - 460ms  

eu----- 3859ms

au----- 1073ms

sl----- 4150ms

nj----- 8008ms

注意,为了取得较准确的结果,可以考虑多次测试取平均值。

许可

nrm 为开源软件,使用 MIT 许可。

项目主页

github.com/Pana/nrm

上一篇 下一篇

猜你喜欢

热点阅读