nodejs ruby compass yeoman maven
其中除了maven,其他貌似都是前端未来要学习的框架,跟语言啊~
学习它们可以说是任重而道远的事情,为了给未来铺路,我特意写了一个教程帮大家装机,以便以后大家有需要学习的时候不会临急抱佛脚~
首先,大家要弄清楚它们的依赖关系:ruby -> compass -> yeoman <- node (被指向的就是它要依赖指向的) python ->
node.js/ruby的安装
node.js和ruby是其中最简单的,连环境变量都帮你配好了!所以,大家只要从下面的地址下载相应版本的,然后双击安装就好了(相应是指系统跟处理器位数哦~win的用户请下载msi,zip或者exe)
ruby:http://rubyinstaller.org/downloads/
node:http://nodejs.org/download/
了解Node.js的童鞋们应该能感觉到Ruby与Nodejs有很多相似之处。
Ruby环境内有个包管理器——GEM(是GEM哦!GEM哦!),它类似于Nodejs下的NPM,它随着Ruby一起被安装,因此不需要额外安装。啰嗦到这里,是因为sass和compass都是基于Ruby的包,一会儿我们安装Compass/SASS时会用到它。
如果安装成功,你在Windows下的command命令行里输入(node同):
ruby -v
应该能够得到Ruby的版本号。到这里,我们已经可以接着安装SASS/Compass环境了。
SASS/Compass的安装
首先,我们必须先安装SASS。我们可以在Windows的command命令行中输入
gem install sass
那么恭喜你,只要通常是不会成功的,因为国内的渣渣网速真是坑爹。所以,我们不妨换个网络代理
export http_proxy=’http://username:[email protected]:port/’
这就是所谓的“翻墙”?
或者,直接一点,用国内的,我们亲爱的淘宝
gem sources -a http://ruby.taobao.org/
GEM包是可以事先下载,再通过Windows下的command命令行离线安装的,GEM包下载地址是:http://rubygems.org/ ,在这里搜索需要的GEM包即可。然后,执行如下命令下载:(D:/gemfile是下载目录sass.gem是文件名)
D: D:>cd gemfile D:gem install --local sass.gem
compass的安装方法同上,只不过是名称换了一个而已。另外,更新GEM的版本,可以输入命令:
gem update --system
查看已安装的包
gem list
卸载(Ruby包允许多个不同版本共存,因此如果你需要更新某个包,直接安装可能不会覆盖旧的版本(SASS与Compass是否会这样未知。否则,你需要卸载它。)
gem query -remove gem uninstall sass
还有一些SASS的使用方法:http://www.html-js.com/article/CSS-solves-the-installation-and-debugging-of-SASSCompass-scheme
http://damoqiongqiu.iteye.com/blog/1885371
python的安装
从这个地址里面下载最新版的:http://damoqiongqiu.iteye.com/blog/1885371
然后,配置环境变量:在path中加入python的安装路径即可
在cmd中测试可以直接输入python
至于,yeoman的安装如下(请跳到你要安装的目录下运行一下命令,如我:E:\ProgramFiles\nodejs\node_modules):
npm install yeoman
网速好的同学应该很快可以看到结果。
之后要配置环境变量:在path中加上,例如我的: E:\Program Files\nodejs\node_modules\.bin
但是!!
我要做一个悲伤的表情,因为yeoman在win下的支持有点差,简单点来说就是有的电脑可以装,有的就装不了,阿门。