美文网首页
如何搭建一个比较省心的前端开发环境

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

作者: LoneRanger | 来源:发表于2015-07-20 10:21 被阅读2342次

    根据 《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

    相关文章

      网友评论

          本文标题:如何搭建一个比较省心的前端开发环境

          本文链接:https://www.haomeiwen.com/subject/lfypqttx.html