1.构建工具(grunt,gulp)

下载地址:
http://gruntjs.cn/
http://gruntjs.com/

(1)安装nodejs(http://www.nodejs.org/)
验证是否安装成功,命令行输入  node -v

(2)grunt 的安装

安装全局grunt-cli

命令行输入:

npm install -gd grunt-cli

查看安装过的模块

命令行输入:
npm list -gd

卸载模块

命令行输入:
npm uninstall grunt-cli -gd

(3)切换到项目目录

切换盘符 e:
列出盘符下的文件 dir
打开文件夹你     cd 文件夹

cd 项目文件夹 npm install grunt --save-dev

执行 npm install grunt --save-dev

2、建立项目夹

(1)自控制窗口中进入项目根目录>npm install

根目录,发现多了个node_modules目录,包含了四个子目录

(2)新建文件Gruntfile.js

(3)打开命令行,进入到项目根目录,敲 grunt 执行优化后的文件存在dest文件夹下

3、gulp

全局安装Gulp:

npm install -gd gulp

项目中安装Gulp:

npm install --save-dev gulp

项目根目录下创建gulpfile.js文件:

var gulp = require('gulp');

gulp.task('default', function() {
// place code for your default task here
});
运行Gulp

在gulpfile.js所在目录通过命令gulp的方式调用运行已经安装好的Gulp

最新文章

  1. Rabin-Karp指纹字符串查找算法
  2. u-boot 2011.09 调用kernel 的流程
  3. U3D刚体测试2(ForceMode,AddForce,RelativeAddForce)
  4. HDU 4832 Chess
  5. 前端之Sass/Scss实战笔记
  6. mongodb 导入数据库文件
  7. 基于Node.js的微信JS-SDK后端接口实现
  8. wampserver里面出现403错误的问题解决方法
  9. 转发:python 装饰器--这篇文章讲的通俗易懂
  10. Mysql5.7.17中文乱码问题
  11. AHOI2019N省联考凉凉记
  12. web.xml:<url-pattern>
  13. kafka学习笔记整理01
  14. kubernetes namespace Terminating
  15. BZOJ 4004: [JLOI2015]装备购买
  16. android Butter Knife 使用详解
  17. svnserver权限问题
  18. CSS(七):浮动
  19. jQuery制作简洁的多级联动Select下拉框
  20. Nearest Common Ancestors(LCA板子)

热门文章

  1. 各大浏览器内核特性及对应的Browserhacks举例
  2. 【krpano】加密XML手动解密分析
  3. WPF之自定义控件
  4. 【安装Redis】CentOS7 下安装NodeJs+Express+MongoDB+Redis
  5. 摆脱Spring 定时任务的@Scheduled cron表达式的困扰
  6. MySQL重置root密码
  7. spring注解总结
  8. PHPCMS v9 安全防范教程
  9. Chrome 桌面通知Notification
  10. V4.0到来了,css雪碧图生成工具4.0更新啦