前端搭建Nodejs+npm+gulp开发环境

一 安装NodeJS

NodeJS官网地址：https://nodejs.org/zh-cn/
首先到NodeJS的官网下载安装文件，如果是windows的机子，会得到msi的安装文件，双击之后一路next就可以了。
安装完成后，在命令行执行node -v(显示NodeJS版本)和npm -v(显示npm版本)查看NodeJS是否安装成功。
NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。

二 全局安装gulp

gulp简介

gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。

gulp是基于Nodejs的自动任务运行器， 她能自动化地完成javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。

安装

在命令行执行npm install -g gulp,即可全局安装gulp，若只想在单个项目中使用gulp，只需将-g去掉即可，但一般情况下都会选择全局安装gulp工具。
在命令行运行gulp -v 即可查看gulp的版本号，从而查看gulp是否全局安装成功。

初始化项目

命令行中切换到项目的根目录，运行npm init 根据提示填写相关信息，最终会生成一个package.json，在package.json中填入

{
  "name": "chac",
  "version": "1.0.0",
  "description": "chac",
  "author": "chac",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.18