前端现在三足鼎立的构建工具(不算比较老的ant,yeoman),非fis,grunt,gulp莫属了。 fis用起来最简单,我打算自己得项目中使用一下fis. 先说一下gulp安装吧。 第一步:安装node和npm,搭建node环境。 访问 http://nodejs.org。npm会随着安装包一起 ...
分类:
其他好文 时间:
2016-04-28 11:56:25
阅读次数:
174
Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具,如YeoMan和Grunt,这个会在以后的文章中介绍。 准备工作 安装node环境:node.js 安装Git,bower从远程git ...
分类:
其他好文 时间:
2016-04-27 18:48:56
阅读次数:
140
grunt的安装 官方站点:http://gruntjs.com/ 安装指令: 验证方面:grunt 见到上图,就是grunt已经安装成功。 yeoman的安装 yeoman自动将最佳时间和工具整合进来,大大加速和方便了我们的后续的开发。 官方站点:http://yeoman.io/ 安装指令: 验 ...
分类:
其他好文 时间:
2016-04-25 14:32:20
阅读次数:
133
原文地址:http://yeoman.io/codelab/write-app.html 创建一个新的模板来显示一个todo的列表 打开views/main.html 为了从一个干净的模板开始,删除main.html中div中所有的元素 ,并且把class属性“jumbotron”改成"contai ...
分类:
Web程序 时间:
2016-04-21 13:32:52
阅读次数:
221
原文地址:http://yeoman.io/codelab/review-generated-files.html 打开mytodo文件夹,你会看到现在的基架。如下图所示 在mytodo文件夹,我们能看到 app: 应用程序的父文件夹 index.html: angular应用程序的基础html文件 ...
分类:
Web程序 时间:
2016-04-21 08:49:10
阅读次数:
169
原文地址:http://yeoman.io/codelab/index.html 使用Yeoman搭建简单的应用 今天将会搭建一个简单的网页程序。你将可以添加,删除,拖拽和保存。 浏览Yeoman Yeoman 是一个戴帽子并且穿套袖的男人 用一到两个命令,Yeoman可以为你的全部网页程序,或者单 ...
分类:
Web程序 时间:
2016-04-20 11:12:47
阅读次数:
187
前端集成解决方案 解决一系列问题,比如模块化,MVC,打包等 主流前端解决方案 Yeoman bower grunt | gulp 学习前端自动化构建工具前提 NodeJs npm node包管理,分发工具 相当于php的pear,是个命令行工具 在ubuntu安装node,npm 通过 apt-g ...
分类:
其他好文 时间:
2016-04-14 20:49:32
阅读次数:
129
虽然才刚刚开始练习切图,不过之前还是接触到不少工具的,决定一一用上,果然用了一天就切完了一个psd,对于一个菜鸟来说,还是很开心的。 我先从学ui网下载了一个psd。切图肯定是要用的ps的啦,这里和大家推荐一个插件Cutterman,切起来不要太方便。可以到他们的官网下载http://www.cut
分类:
其他好文 时间:
2016-03-13 08:54:20
阅读次数:
218
Devtools Terminal?——浏览器终端。牛逼的不得了! LiveReload——为官方 LiveReload 应用程序(Mac 和 Windows)和第三方,例如 guard-livereload 和 yeoman,提供 Chrome 浏览器集成。 BrowserStack Local
分类:
其他好文 时间:
2016-02-02 16:28:12
阅读次数:
197