前后端分离,前端环境搭建

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

转载于:https://www.cnblogs.com/hzk0413/p/6281973.html

你可能感兴趣的:(前后端分离,前端环境搭建)