所在系统Ubuntu14.04
工具化
1. 前端工作流工具: Gulp,Grunt2. 前端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