最近的文章列表

Visual Studio结合YUI Compressor 在编译任务时压缩js和css文件

如今网站都在说优化,压缩js和css文件就成了最基本的一种方法,js和css压缩有很多方法,很多网站也提供了这样的功能,也可以用YUI提供的包手动压缩,但是这都不效率啊,能不能在vs生成部署包的时候把js和css压缩好呢?当然可以。

首先请下载YUI Compressor,YUI Compressor是个Java库,你需要安装Java的运行环境,请点这里下载。(关于Java环境的配置请大家自行google,另外YUI Compressor是github的链接,应该被墙了,请自备爬梯工具)。

新建一个批处理文件,代码如下:

@echo off
if "%1" == "" goto exit
if "%2" == "" goto exit
pushd "%1"
2015/5/9 Comments:
Visual Studio(VS) Web开发工具扩展:Web Essentials详解

Web Essentials是目前为止见过的最好用的VS扩展工具了,具体功能请待我一一道来。

 

首先,从Extension Manager里安装,或者从这里选择针对不同VS版本的下载:https://visualstudiogallery.msdn.microsoft.com/site/search?query=Web%20Essentials&f%5B0%5D.Value=Web%20Essentials&f%5B0%5D.Type=SearchText&ac=2

2015/4/22 Comments:
前端开发高效率的工具插件:Emmet语法说明 使用示例 (结合Sublime Text)

HTML代码写起来很费事,因为它的标签多。

一种解决方法是采用模板, 在别人写好的骨架内,填入自己的内容。还有一种就是我今天想要介绍的方法----简写法。

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:

Emmet

基本上,大多数的文本编辑器都会允许你存储和重用一些代码块,我们称之为“片段”。虽然片段能很好地推动你得生产力,但大多数的实现都有这样一个缺点:你必须先定义你得代码片段,并且不能再运行时进行拓展。

2015/3/25 Comments:
使用Yeoman,Grunt和Bower开发AngularJS(译)
  • 使用Yeoman产生AngularJS的主要骨架
  • 使用Grunt加速开发和帮助执行
  • 使用Bower来加入第三方插件和框架——third party plugins/frameworks
2014/5/30 Comments:
前端构建工具 CssGaga 快速上手指南

CssGaga是ytzong(涛哥)基于我们在朋友网日常的重构工作流程,为了提高工作效率而开发并不断完善起来的一个重构辅助工具。运行于Windows + .NET的环境,提供了重构相关的一系列解决方案。最近越来越多的朋友通过腾讯微博、QQ和Email咨询到有关CssGaga的问题,由于CssGaga本身也是在不断升级,以前的教程有些已经陈旧,为了帮助新接触到这个工具的同学,我这里再写一篇日志介绍一下CssGaga的基本使用。

2014/5/8 Comments: