前端构建工具gulpjs的使用介绍及技巧 gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得grunt ...
分类:
Web程序 时间:
2017-03-17 11:02:56
阅读次数:
325
类似于web前端有gulp,webpack,grunt。php也有专门的包安装管理和安装工具,即composer。 composer官网:https://getcomposer.org 中文网站:http://docs.phpcomposer.com/ 1 windows下安装composer 因为 ...
分类:
Web程序 时间:
2017-03-11 01:03:11
阅读次数:
363
1、grunt作用 实现压缩、编译、单元测试等重复性工作 2、需要安装的软件 第一步:从官网获取nodejs的软件包,直接双击进行安装(windows下) 第二步:打开cmd命令行,执行命令‘node -v’,能输出版本号,说明node已经正常安装 第三步:在cmd命令行,输入上图所述的安装命令,分 ...
分类:
Web程序 时间:
2017-03-06 22:24:09
阅读次数:
190
一、搭建前端的开发环境 1.代码编辑工具:sublime/WebStorm/HBuilder。 2.断点调试工具:Firebug。 3.版本管理工具:Git(本人建议使用git,至于原因大家可以看看相关blog),安装完成后我们就可以从github上clone一些项目。 4.代码合并和混淆工具:we ...
分类:
其他好文 时间:
2017-03-04 11:15:44
阅读次数:
371
写在前面的话: 常见的自动构建工具有 grunt、gulp、webpack,把源码进行合并压缩,节省带宽等~ 一起来学习 gulp 的使用吧~ 三、gulp的使用( gulp 中文网): gulp 的优点:基于流、任务化 常用API: src 、dest 、watch 、task 、pipe (1) ...
分类:
移动开发 时间:
2017-03-04 00:19:44
阅读次数:
291
grunt 是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:① 压缩文件② 合并文件③ 简单语法检查 ”自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你在 Gruntfile 文件 ...
分类:
其他好文 时间:
2017-03-03 22:15:28
阅读次数:
278
30分钟手把手教你学webpack实战 阅读目录 一:什么是webpack? 他有什么优点? 二:如何安装和配置 三:理解webpack加载器 四:理解less-loader加载器的使用 五:理解babel-loader加载器的含义 六:了解下webpack的几个命令 七:webpack对多个模块依 ...
分类:
Web程序 时间:
2017-03-02 15:23:31
阅读次数:
1180
angular的silkydream项目 安装angular的generator npm install -g generator-angular 组建项目 yo angular silkydream 使用git将项目推送至github git add -A git commit -m "finsh ...
分类:
其他好文 时间:
2017-02-23 22:00:34
阅读次数:
200
0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Ru ...
分类:
其他好文 时间:
2017-02-20 11:29:23
阅读次数:
316
常有人拿gulp与webpack来比较,知道这两个构建工具功能上有重叠的地方,可单用,也可一起用,但本质的区别就没有那么清晰。 gulp gulp强调的是前端开发的工作流程,我们可以通过配置一系列的task,定义task处理的事务(例如文件压缩合并、雪碧图、启动server、版本控制等),然后定义执 ...
分类:
Web程序 时间:
2017-02-18 18:13:18
阅读次数:
348