VS插件 标签

Visual Studio 好用的拓展插件推荐——(二)Web Essentials

  |   0 评论   |   5,048 浏览

Web Essentials

很多句话概括效用:

  • 可快速将某样式定义为IE6/7/8专用样式。
  • 可快速将某样式定义为某浏览器内核专用
  • 可将background-image样式对应的图片转码为base64,使样式脱离图片文件。
  • 压缩选中样式
  • 可格式化样式表代码
  • 可查看选定样式的详细文档
  • 便捷化CSS编写方式,自动回车、自动分号等。
  • 极大地优化CSS显示方式
  • ——————分隔——————
  • 压缩js代码
  • 为js代码添加#region块标签
  • 为js代码块(for、function等包含大括号的代码块)添加代码折起显示支持
  • ——————分隔——————
  • 当从解决方中拖拽文件到html代码中时,正确地引入css、js、WebUserControl 等文件(VS默认的拖拽会添加一个A标签指向拖入的文件)。
  • ——————分隔——————
  • 其它

插件下载地址猛戳这里(内含英文版官方介绍,英语好的过去就不用过来了。)

支持的VS版本:Visual Studio 2010/11

详细解说:

这真的是一款十分难得的插件,搞ASP.NET开发的杀人越货居家旅行必备。

看图说话之图一

Web Essentials

安装后,在编辑CSS文件时,会自动出现此菜单(Shift + Alt + F10 展开)。

第一项:Add vendor specific proper

Visual Studio 好用的拓展插件推荐——(一)Image Optimizer

  |   1 评论   |   4,994 浏览

一句话概括效用:在Visual Studio的解决方案中,为图片或包含图片的文件夹添加右键菜单,可对图片进行压缩,无损压缩。

插件下载地址:猛戳这里(内含英文版官方介绍,英语好的过去就不用过来了。)

支持的VS版本:Visual Studio 2010/11

详细解说:

Image Optimizer

安装后,解决方案的右键菜单会出现图中红色图片的菜单项(选择文件夹或多个文件时没有下面那个菜单项)。

第一项:Optimize image

优化(压缩)图片,直接对选中的图片或文件夹中的图片进行优化,优化的过程中会在输出窗口显示相关信息,如下图所示:

Image Optimizer

输出的信息为,某图片、压缩前的大小、压缩后的大小、比例。