gulp环境搭建及基础教程

1、node环境搭建：因为gulp是基于Nodejs的自动任务运行器，所以必须要先安装node.js(自己去菜鸟教程看安装步骤)

2、全局安装gulp：cnpm install gulp -g    （查看是否正确安装：命令 gulp -v 查看版本号）

3、初始化项目：（在你当前的项目下生成文件 packge.json ）：cnpm init

packge.json 文件

{
  "name": "xfz_front",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "author": "kai",
  "license": "ISC",

  gulp 常用的包，你可以使用的时候再一个一个的安装，也可以复制这些代码放进这里，一下全部安装

  "devDependencies": {
    "browser-sync":"^2.24.4",
    "gulp":"^3.9.1",
    "gulp-autoprefixer": "^5.0.0",
    "gulp-cache": "^1.0.2",
    "gulp-concat": "^2.6.1",
    "gulp-concat-folders": "^1.3.1",
    "gulp-connect": "^5.5.0",
    "gulp-cssnano": "^2.1.3",
    "gulp-imagemin": "^4.1.0",
    "gulp-rename": "^1.2.3",
    "gulp-uglify": "^3.0.0"
  }

}

4、安装依赖： cnpm install (用生成项目所需要的本地 node_modules )

5、本地安装gulp： 进入当前项目下执行 cnpm install gulp --save-dev

6、新建一个gulpfile.js文件 （ 和 packge.json 同级）

最后

以上就是苗条胡萝卜为你收集整理的gulp环境搭建及基础教程的全部内容，希望文章能够帮你解决gulp环境搭建及基础教程所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。