前端自动化（一）安装webpack，sass，nodejs，grunt软件

所在系统Ubuntu14.04

工具化

1. 前端工作流工具： Gulp，Grunt
2. 前端js模块编译工具：Babel，Browserify，Webpack
3. 包管理器： npm，bower
4. 前端开发系列工具： livereload，数据mock，代码监控，代码检查。

自己选择安装的工具

angular4，grunt，webpack，npm，nodejs，sass，mock

安装nodejs，npm，angular4 可以参考我的另一篇博客：

node，npm，sublime，angular，bootstrap的安装与使用教程链接汇总

安装webpack

查看webpack的中文指南：http://zhaoda.net/webpack-handbook/install.html

安装SASS

先安装ruby

apt-get install ruby
sudo apt-get install python-software-properties
sudo apt-add-repository ppa:brightbox/ruby-ng
sudo apt-get update
sudo apt-get install ruby2.5 ruby2.5-dev

查看ruby安装版本是否为2.0以上

ruby -v

SASS依赖ruby，且版本要2.0以上

sudo gem install sass
sass -v

SASS安装成功

SASS的中文指南：https://www.sass.hk/docs/

安装grunt

安装grunt cli

npm install -g grunt-cli

注意：安装grunt cli 不等于安装了grunt，还有npm的版本注意要更新至8.0以上

grunt快速入门：http://www.gruntjs.net/getting-started

安装mock

npm install mockjs