前端线上服务器环境搭建

安装nodejs

1、到官网https://nodejs.org 下拉到Previous Releases点进去下载4.4.7版本的nodejs，点击下载然后复制下载地址:
sudo wget https://nodejs.org/download/release/v4.4.7/node-v4.4.7-linux-x64.tar.gz

2、解压 sudo tar -zxvf node-v4.4.7-linux-x64.tar.gz

3、移动到/usr/local文件夹下：sudo mv node-v4.4.7-linux-x64 /usr/local/

4、进入/usr/local文件夹： cd /usr/local/ 可以看到nodejs文件
这里写图片描述

5、配置环境变量（前面后端服务器环境统一配置过了，所以不用配置）
6、node -v 可以查看版本就表示成功
这里写图片描述

安装webpack

1、切换为root用户：su
2、输入： npm install webpack -g --registry=https://registry.npm.taobao.org
3、webpack -v 显示版本即安装成功

安装rvm

我们最好使用rvm来装ruby，因为如果直接yum install
ruby的话安装的不是最新的ruby，会引起下面sass的安装出错。所以我们要通过rvm安装ruby

这里所有的命令都是在用户权限下操作的，任何命令最好都不要用 sudo.

RVM 安装

$ gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3
$ \curl -sSL https://get.rvm.io | bash -s stable
$ source ~/.bashrc
$ source ~/.bash_profile

修改 RVM 的 Ruby 安装源到 Ruby China 的 Ruby 镜像服务器，这样能提高安装速度
1、我们要看一下我们的rvm在哪里 whereis rvm 假设我们的rvm都在 /usr/local/rvm 路径下
2、进入到rvm目录的config文件夹：cd /usr/local/rvm/config
3、编辑db文件：vim db
4、在db文件中修改：ruby_url=https://cache.ruby-china.org/pub/ruby如图所示

这里写图片描述

Ruby 的安装与切换
0、到rvm的安装目录下： cd /usr/local/rvm
1、列出已知的 Ruby 版本：rvm list known
2、安装里边其中一个ruby：rvm install 2.4.1 --disable-binary

此处可能会要等待较长时间，不是安装有什么问题，只是要有耐心

3、查询已安装的ruby版本：rvm list
4、进入到rvm的安装目录：cd /usr/local/rvm/ （可选，不进入就切换，会有警告，但不影响我们切换）
5、切换 Ruby 版本：rvm use 2.4.1 --default

（注：=== 此处可能会出现Gemset '' does not exist, 'rvm gemset create ' first, or append '--create'. 我第一次安装的时候也遇到过：解决办法：
i、rvm gemset create
ii、rvm use 2.4.1
会继续报错：Gemset ‘‘ does not exist, ‘rvm ruby-2.4.1 do rvm gemset create ‘ first, or append ‘–create‘.
iii、rvm --create ruby-2.4.1）

6、查看我们正在使用的ruby版本：ruby -v（出来的版本和我们预期安装的版本一致就说明安装并切换成功）
这里写图片描述

sass安装

1、首先要安装gem : yum install rubygems
2、gem -v 显示版本即安装成功
3、然后访问sass官网 http://sass-lang.com/install（或者百度：sass安装）
4、使用官网提供的的COMMAND LINE安装： sudo gem install sass --no-user-install
5、sass -v 显示版本即安装成功