前端的一推要安装的东西

2019独角兽企业重金招聘Python工程师标准>>>

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:password@url: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下的支持有点差，简单点来说就是有的电脑可以装，有的就装不了，阿门。

转载于:https://my.oschina.net/u/1402334/blog/309282