博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
gulp安装,淘宝镜像
阅读量:5425 次
发布时间:2019-06-15

本文共 954 字,大约阅读时间需要 3 分钟。

命令:express -e ./ express表示安装express -e表示使用ejs作为模板 ./表示当前目录中 (使用上面的命令之前我们应该使用npm安装express框架 sudo npm install -g express sudo npm install -g express-generator )

1.1安装cnpm

执行 npm install cnpm -g --registry=https://registry.npm.taobao.org

1.2检测cnpm是否安装成功

执行cnpm -v 显示版本号即安装成功

 

全局安装gulp

2.1 全局安装gulp

执行 cnpm install gulp -g

2.2检测gulp是否安装成功

执行 gulp -v 显示版本号即安装成功 

 

执行命令 cnpm init 来新建package.json

 

本地安装gulp插件

注:全局安装gulp是为了执行gulp任务,本地安装gulp则是为了调用gulp插件的功能

进入你的项目文件路径中后,执行cnpm install gulp --save-dev 

 

  1. 安装gulp-sass插件(拿该插件进行示例)

    进入你的项目文件路径中后,执行cnpm install gulp-sass --save-dev

  2. 新建gulpfile.js(重要,重要,重要)

    gulpfile.js是gulp的配置文件,放于根目录中。

 

常用插件

sass的编译(gulp-sass)

less编译 (gulp-less)

重命名(gulp-rename)

自动添加css前缀(gulp-autoprefixer)

压缩css(gulp-clean-css)

js代码校验(gulp-jshint)

合并js文件(gulp-concat)

压缩js代码(gulp-uglify)

压缩图片(gulp-imagemin)

自动刷新页面(gulp-livereload,谷歌浏览器亲测,谷歌浏览器需安装livereload插件)

图片缓存,只有图片替换了才压缩(gulp-cache)

更改提醒(gulp-notify)

转载于:https://www.cnblogs.com/chenlw/p/9204565.html

你可能感兴趣的文章
雷林鹏分享:jQuery EasyUI 应用 - 创建展开行明细编辑表单的 CRUD 应用
查看>>
时间戳和当前时间互相转化
查看>>
iOS 开发 Pch 文件的正确使用
查看>>
mac 上sublime3安装编码插件
查看>>
sql 清空数据库的日志文件
查看>>
数据循环处理重组2
查看>>
[Heoi2013]Alo
查看>>
ML:吴恩达 机器学习 课程笔记(Week7~8)
查看>>
C++编程练习(14)-------“单例模式”的实现
查看>>
Windows10下Anaconda虚拟环境下安装pycocotools
查看>>
rxjs 的用法
查看>>
51Nod 1092 回文字符串
查看>>
函数的值传递与指针
查看>>
发邮件
查看>>
使用SVN时 URL access forbidden for unknown reason
查看>>
冲刺一阶段———个人总结10
查看>>
使用镜像仓库托管自己构建的Docker镜像
查看>>
代码整洁之道阅读笔记01
查看>>
HttpHelper类
查看>>
hdu1664 bfs+余数判重
查看>>