多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 新建一个项目并安装gulp 入门指南:[https://www.gulpjs.com.cn/docs/getting-started](https://www.gulpjs.com.cn/docs/getting-started)/ ## 步骤: 新建文件夹demo; 在demo文件夹下新建src文件夹; src文件夹里面新建**style**文件夹\*\*,image**s文件夹,js文件夹**,src文件夹下新建index.html;\*\* 在style里面建对应样式表(为less),**image**s,js也是; 把文件夹demo拖到编辑器中; window+r打开命令窗口,并指定文件夹demo路径 ``` npm init -y// 生成package.json文件(项目的描述文件,可以直接看出项目的依赖等信息) 【 如何使用 -f|--force|-y|--yes代表生成默认的package.json,而不会每次询问一系列问题 】 //本地安装gulp是为了在项目中可以调用gulp插件的功能 npm install gulp@3.9.1 //项目安装gulp,注意没有 -g 。 npm install gulp@3.9.1 安装指定版本 //or npm install --save-dev gulp@3.9.1 npm install --save-dev gulp@3.9.1 // 本地安装 gulp ;--save-dev 代表是开发阶段的依赖 ``` 安装完的效果: :-: ![](https://img.kancloud.cn/3b/6f/3b6f58e0c01f0267e98bbe6485ae345c_225x101.png) 在项目根目录下创建一个名 的文件gulpfile.js文件 编写gulpfile.js文件 ``` var gulp = require('gulp'); /*注册一个html任务*/ gulp.task('html',function(){ }) ``` #####