版权声明:本文为博主原创文章,未经博主允许不得转载。 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 同级)