1、安装webstrom

2、  安装Git

查看是否安装成功命令：git –version

3、  安装Node

查看是否安装成功命令：node –v

4、  修改npm路径到淘宝镜像（因为墙的原因，速度特别慢）

http://npm.taobao.org/

命令：$ npm install -g cnpm --registry=https://registry.npm.taobao.org

查看是否安装成功命令：cnpm –v(安装了淘宝镜像之后 npm改cnpm)

5、  安装grunt

http://www.gruntjs.net/

命令：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可复制的最长路径，所以不能复制粘贴。