1、安装webstrom
2、 安装Git
查看是否安装成功命令：git –version
3、 安装Node
查看是否安装成功命令：node –v
4、 修改npm路径到淘宝镜像（因为墙的原因，速度特别慢）
命令：$ npm install -g cnpm --registry=https://registry.npm.taobao.org
查看是否安装成功命令：cnpm –v(安装了淘宝镜像之后 npm改cnpm)
5、 安装grunt
命令：cnpm install -g grunt-cli(安装了淘宝镜像之后 npm改cnpm)
查看是否安装成功命令：grunt -–version
6、 安装nginx
解压nginx至合位置。通过ngnix将请求转发到后端。
7、 安装ruby
使用sass---预编译css会用到（未用到可先不装），有可能还需配置环境变量（这个不用多说吧，找到安装路径执行文件目录加入到环境变量里）
查看是否安装成功命令：ruby -–v
注：前端不同项目有不同的构建包，由package.json内容决定，这边没有统一规定，根据不同项目不同系统安装，安装后会根据系统不同生成node_modules文件夹，里面有相关打包构建等程序代码，node_modules文件夹内容目录结构很深，很多都超过了window可复制的最长路径，所以不能复制粘贴。