前端开发环境搭建的步骤是怎样的，从编辑器开始。以下这些插件等和环境的配置顺序是怎样的，以及安装方法？
（1）ruby
（2）npm
（3）node
（4）gulp
（5）compass
（6）git
（7）sass
（8）sublime
（9）....
.
.
.
我也来给你分分类：
git属于分布式版本控制系统，是用于方便合作和版本控制的
sublime是编辑器，类似于nodepad++,ultraEdit，是增强版的文本编辑器。
sass和compass是css预处理器，可以变量、嵌套、混入(Mixin)、继承、导入、函数和操作符等，使css更具模块化和更加方便，基于ruby
node是javascript的运行环境，基于google的V8 javascript引擎写的，可以将javascript扩展到服务器端。
npm是包管理工具，类似的有bower，homebrew等
gulp是自动化构建工具
其实本身他们之间没有什么关系，前端撸代码只要个编辑器足矣，至于其他的都是根据项目需求来定的
node.js 安装了之后就会有 node和npm的，npm是node.js的包管理器，gulp就是使用npm 全局安装的一个命令行工具
ruby，node，git，sublime这些先安装，没有顺序，取决于你喜好。
node安装了就有npm了，然后可以安装gulp工具
compass和sass基于ruby。
我给你分分类
1.node和ruby 都算是基础架构，npm依赖node , gulp 可以用npm 安装, 所以需要先安装 node，安装完就有npm了 然后可以通过npm install -g gulp 安装gulp
2.compass 和sass 依赖ruby 所以需要先安装ruby
3.git 和Sublime 是独立的 可以独立安装