gulp环境搭建及基础教程

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33867131/article/details/82021427

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 同级)

猜你喜欢

转载自blog.csdn.net/qq_33867131/article/details/82021427
今日推荐