前端自動化（一）安裝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