今天突然心血来潮,想把前端的一些人工工作流程自动化,其实之前已经在用grunt进行自动化构建,但总是觉得还是有些事情未做好。首先说说,前端平时需要做那些自动化吧:1. 先讲HTML,每个项目每个页面都需要统一的头部,其他标题,关键字,作者等meta自行修改,body部分每个页面各自填充,但使用的.....
分类:
其他好文 时间:
2015-03-21 01:05:50
阅读次数:
607
Grunt管理工具使用:一、模块安装1、在项目的根目录里新建package.json文件,形式如下,指定依赖的库以及版本信息。2、然后在项目根目录下,执行npminstall,安装json文件中指定的模块,具体操作:(假设项目目录在d:\my\sysdemo)在cmd中,使用d:\进入d盘,然后cd...
分类:
其他好文 时间:
2015-03-16 12:31:32
阅读次数:
130
目前用的业界比较知名的三个前端构建工具:grunt、gulp、fis,自己此前一直都是只在用grunt,fis看过一点,gulp则一直都没注意过,直到最近发现好像用的人越来越多,所以今天也就抽了点时间尝试了一下。 【什么是gulp】 比较官方的一句话就是:gulp是一种基于流的,代码优于配置...
分类:
其他好文 时间:
2015-03-15 00:31:02
阅读次数:
116
1.安装好nodeJS后 ,一般都会把npm也安装好的,nodeJs集成npm的,可通过在cmd 分别执行 node -v和 npm -v来查看他们的版本号,如果显示可说明可继续下面的操作
2.想安装grunt一般可以直接在cmd里面执行 npm install grunt grunt-cli ,这个意思是通过npm来安装[install 全局[-g]的grunt 以及grunt的客户...
分类:
Web程序 时间:
2015-03-13 10:55:40
阅读次数:
165
Autoprefixer,通过Can I Use数据库来确定哪些浏览器前缀是需要的,然后解析CSS文件,将前缀添加到CSS规则里。
你所要做的就是添加你的资源构建工具(比如:Grunt),然后你就可以忘记CSS前缀了,按照最新的W3C标准尽情书写无前缀的CSS。
分类:
Web程序 时间:
2015-03-11 18:57:53
阅读次数:
2984
以前自己太low了,都没用过高大上的前端自动化打包工具,开发方式也是偏传统的。加入到新的团队后得拼命赶上啊,前端技术更迭太快,各种技术层出不穷,智商都快不够用了。看人家都用的牛逼哄哄的技术,自己还守着那点小白技术就说不过去了,所以有些环境逼着你进步,有些环境是让你不知不觉就堕落了。不扯淡了,开始学习...
分类:
其他好文 时间:
2015-03-10 13:31:07
阅读次数:
140
简述两个web开发常用的工具:http-server 和 grunt 的使用方法。...
分类:
Web程序 时间:
2015-03-08 00:12:36
阅读次数:
390
gulp和grunt一样,都是任务自动管理工具,和grunt相比,gulp更加好用,配置也更加灵活。1、安装gulp也是基于nodejs的,同样可以通过npm安装,全局安装npminstall-ggulp在项目中安装npminstallgulp--save-dev2、两个例子创建名为gulpfile.js,在这个文件中通过gulp命令定义gulp任..
分类:
其他好文 时间:
2015-03-06 17:19:14
阅读次数:
215
Grunt是一个自动任务运行器,会安装预先定义的顺序自动运行一系列的的任务,可以简化工作流程,减少重复性的工作从而提高工作交流,这篇简易教程会从0着手详细介绍grunt。1、安装grunt是基于nodejs的,如果你还没有安装,请从http://nodejs.org/下载安装windows版或者Linux版,..
分类:
其他好文 时间:
2015-03-05 17:21:16
阅读次数:
158