Brunch:快捷的HTML5构建工具

  Brunch,一个超快的HTML5构建工具。它可以(官方介绍):

  • 编译你的脚本,模板,样式,链接它们,
  • 将脚本和模板封装进common.js/AMD模块里,链接脚本和样式,
  • 为链接文件生成源地图,复制资源和静态文件,
  • 通过缩减代码和优化图片来收缩输出,看管你的文件更改,
  • 并且通过控制台和系统提示通知你错误。

  其实说白了就是:Brunch是一款HTML5应用软件的汇编程序,他可以适用于任何架构、数据库、编程语言,样式表,模板和后台技术。

  更关键的是他是开源的,所以小伙伴们可以开心的快速构建自己的html5应用了。

  安装是当仁不让的先讲了

  由于Brunch是基于nodejs的,所以肯定需要安装nodejs,还要安装npm(nodejs的包管理器),安装好这两个以后可以在命令行中执行

1 $npm install brunch

一句命令即可,也可以安装在全局环境下,只需要给install添加-g属性即可。

  如何copy创建新的brunch项目

1 brunch new <skeleton-URL> [optional-output-dir]

  尖括号为你想使用的框架的url链接,中括号的为选填属性,brunch现在在github上有50+的框架(这是官方统计的,我不知道....),下面我们可以举一个栗子

1 $brunch new https://github.com/monokrome/brunch-with-brunch

  但是需要注意:你要放置新项目的文件夹必须为空,否则会发生克隆失败。

  使用brunch开发应用

  使用命令

1 $brunch watch --server

  会打印以下内容

1 31 Jul 16:16:21 - info: application started on http://localhost:3333/
2 31 Jul 16:16:21 - info: compiled 3 files into 2 files, copied 2 in 117ms

  信息内容很简单,相信大家一看知道了,就是建了一个微型的服务器,并且把该压缩的文件都压缩了。

===================== 持续学习中 =====================

Brunch:快捷的HTML5构建工具,布布扣,bubuko.com

时间: 2024-10-06 19:42:05

Brunch:快捷的HTML5构建工具的相关文章

使用HTML5构建下一代的Web Form

HTML语言作为如今编程最为广泛的语言,具有易用.快捷.多浏览平台兼容等特点,但是随着时代的进步,HTML的标准却停滞不前,这一次还在不断开发中的[color=#444444 !important]HTML5标准的更新可以说给这门标记语言带来了新的生命力.本文将着重讨论HTML5中的Web Forms 2.0, 即表单的部分.表单是网页中常见的控件(集).小到网站注册登录,大到一个企业的数据管理系统,都基本上有表单的身影.表单之所以如此重要,主要是因为它担负大量的用户和网页后台数据更新交互的任务

构建工具的发展及Android Gradle快速上手

前话: 最近谷歌宣布官方不再维护Eclipse ADT了,之后将更加专注于Android Studio的功能和性能上的改进,早在2013年的Google IO大会上首次推出了Android Studio,当时刚出来的时候我就好奇的去下载体验了一下,想看一下新开发工具的优势在哪里,据官方介绍,最吸引我的一点就是使用Studio使用了Gradle编译系统,可以支持很灵活的定制需求,而我当时正在研究当成库使用的APK(就是现在的aar文件,不过当时还没有出身),刚好遇到了ADT编译系统的限制,所以当时

前端工程构建工具之Yeoman

一.Yeoman 简介 通常在开发新项目时我们都需要配置工程环境,开发目录,需要下载一些库.框架文件(如 jQuery.Backbone 等),配置编译环境(Less.Sass.Coffeescript等),甚至还要配置单元测试框架,过程非常繁琐,还没开始编码时间就耗了大半天.为了解决这个问题 Paul Irish.Addy Osmani.Sindre Sorhus.Mickael Daniel.Eric Bidelman 和 Yeoman 社区共同开发的一个项目--Yeoman. Yeoman

html5开发工具哪些比较优秀

随着HTML5 发展如火如荼,以及html5技术的不断成熟,越来越多的程序员都在关注着HTML5,那么html5开发(http://www.maiziedu.com/course/web/228-2628/)工具哪些比较优秀呢?下面就给大家推荐10款优秀的HTML5开发公母,能让你高效的编写HTML5应用. Initializr Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定

5个主流的HTML5开发工具

HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持.用HTML5的优点主要在于,这个技术可以进行跨平台的使用.比如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台. Opera的游戏中心.Facebook应用平台,甚至可以通过封装的技术发放到App Store或Google Play上,所以它的跨平台性非常强大,这也是大多数人对HTML5有兴趣的主要原因. 今天,小编将为大家推荐几个主流的HTML5开发工具,让你的开发之路更加绚丽! 1

推荐10款非常优秀的 HTML5 开发工具

HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式.今天这篇文章向大家推荐10款优秀的HTML5开发工具,帮助你更高效的编写 HTML5 应用. Initializr Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板. → 访问 Initializr

项目管理及自动构建工具Maven

项目管理及自动构建工具Maven 一.Maven安装.目录结构.cmd命令1.下载安装apache-maven-3.2.3-bin.zip下载:http://maven.apache.org/download.cgi 安装:解压,配置环境变量M2_HOME=D:\Idea\config\apache-maven-3.2.3Path+=D:\Idea\config\apache-maven-3.2.3\bin 通过执行 mvn -v 可以查看当前版本号 C:\Users\yuki>mvn -v A

分享5个主流的HTML5开发工具

HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持.用HTML5的优点主要在于,这个技术可以进行跨平台的使用.比如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台.Opera的游戏中心.Facebook应用平台,甚至可以通过封装的技术发放到App Store或Google Play上,所以它的跨平台性非常强大,这也是大多数人对HTML5有兴趣的主要原因. 今天,小编将为大家推荐几个主流的HTML5开发工具,让你的开发之路更加绚丽! 1.

5个主流的HTML5开发工具分享

HTML5被看做是web开发者创建流行web应用的利器,增加了对视频和Canvas 2D的支持.用HTML5的优点主要在于,这个技术可以进行跨平台的使用.比如你开发了一款HTML5的游戏,你可以很轻易地移植到UC的开放平台.Opera的游戏中心.Facebook应用平台,甚至可以通过封装的技术发放到App Store或Google Play上,所以它的跨平台性非常强大,这也是大多数人对HTML5有兴趣的主要原因. 今天,小编将为大家推荐几个主流的HTML5开发工具,让你的开发之路更加绚丽! 1.