随笔分类 -  Grunt前端基础构建

Grunt前端基础构建
Grunt - Karma 单元测试
摘要:http://www.cnblogs.com/haogj/p/4813155.html Karma 是 Goolge 开源的一个 Test runner, 可以配合 Grunt 使用。 1. 相关插件介绍 1.1 Karma 的官网 http://karma-runner.github.io/ 官网 阅读全文
posted @ 2016-06-08 16:37 杨杨0708 阅读(499) 评论(0) 推荐(0)
Grunt插件之LiveReload 实现页面自动刷新,所见即所得编辑
摘要:苦B的前端每次在制作和修改页面时,都有一个特定的三部曲:coding-save-F5。很多时候都希望自己一改东西,页面就能立刻显示,而现在LiveReload就能做到这点。 LiveReload会监控你指定的目录中文件,如果有文件被更改,它就自动触发浏览器刷新页面。但如果你修改的是CSS或者图片,页 阅读全文
posted @ 2016-06-07 16:55 杨杨0708 阅读(466) 评论(0) 推荐(0)
创建 Web 前端开发环境(node和npm)
摘要:Web 前端开发涉及多种工具,这里将常用工具的安装和配置进行说明,提供了详细的说明,为后继的开发创建一个坚实的基础。 本文介绍的工具有:NodeJS, NPM, Bower, Git 和 Grunt。 1. 安装 NodeJS 和 NPM 一切从 NodeJS 开始吧,官方网址:https://no 阅读全文
posted @ 2016-06-07 16:12 杨杨0708 阅读(12621) 评论(0) 推荐(2)
前端开发 Grunt 之 Connect详解
摘要:在前端开发过程中,我们需要在开发过程中,将开发中的站点部署到服务器上,然后,在浏览器中查看实际的效果,在 Grunt 环境下,可以直接使用集成在 Grunt 中的 Connect 插件完成站点服务器的支持,在开发过程中,直接查看效果。 1. Connect 资源 与 Grunt 集成的 Connec 阅读全文
posted @ 2016-06-07 16:11 杨杨0708 阅读(754) 评论(0) 推荐(0)
Grunt 之通配符
摘要:在描述源码路径的时候,经常有一些特殊的奇怪的要求。Grunt 通过内建的 node-glob 和 minimatch 库提供了文件名的扩展机制。 常见的通配符如下: * 匹配除了 / 之外的任意数量的数字和字符 ? 匹配除了 / 之外的单个字符 ** 匹配任意数量的字符,包括 /,这样可以包含任意级 阅读全文
posted @ 2016-06-07 16:10 杨杨0708 阅读(159) 评论(0) 推荐(0)
Grunt之watch详解
摘要:Grunt 之 watch 和 livereload 现在 watch 中已经集成了 livereload ,所以把它们放在一起说明。 watch 可以监控特定的文件,在添加文件、修改文件、或者删除文件的时候自动执行自定义的任务,比如 livereload 等等。 1. 安装 项目定义在 GitHu 阅读全文
posted @ 2016-06-07 16:10 杨杨0708 阅读(922) 评论(0) 推荐(0)
Grunt安装中遇到的问题汇总
摘要:Grunt安装中遇到的问题汇总 1、如果是windows下的dos中安装Grunt,必须以管理员身份登录(第一个坑) 登录方法是: 方法一:开始>所有程序>附件>命令提示符上右键>以管理员身份运行.OK.(貌似实战中不可用) 方法二:开始>所有程序>附件>命令提示符上右键>运行方式>弹出运行身份面板 阅读全文
posted @ 2016-06-02 15:32 杨杨0708 阅读(330) 评论(0) 推荐(0)
Grunt那些事
摘要:1、第一步当然是先安装好nodejs里面的npm包管理器咯,若还不知道怎么安装请参考nodejs那些事里面的安装步骤 2、node安装完后,就安装grunt-CLI,如果nodejs直接安装在系统默认的路径,也就是c盘下的program files/nodejs/下的话,那么直接调出dos客户端cm 阅读全文
posted @ 2016-06-02 13:59 杨杨0708 阅读(296) 评论(0) 推荐(0)
用grunt搭建自动化的web前端开发环境-完整教程
摘要:jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表 示重点)。至于gru 阅读全文
posted @ 2016-06-02 11:27 杨杨0708 阅读(267) 评论(0) 推荐(0)