如何深入掌握Visual Studio Web开发工具扩展Web Essentials的强大功能？

本文共计1292个文字，预计阅读时间需要6分钟。

首先，从Extension Manager安装：最新版本是19.0.2542.1发布的2.5版。安装后重启你的VS开发环境，即可使用它提供的便利功能。Web Essentials为CSS、JavaScript和HTML提供了许多快捷功能的强力支持。

首先，从Extension Manager里安装：最新版本是19号发布的2.5版

然后重启你的VS开发环境，就可以使用它提供的方便功能了。

Web Essentials对CSS、JavaScript和HTML都提供了很多快捷的功能支持，具体列表如下：

CSS

---

即时预览Live Web Preview
每次修改的时候，都可以使用CTRL+ALT+Enter快捷键或者点击方案右键上的Live Web Preview选项来即时预览你修改的页面，每次修改完 HTML或者相应的CSS， Ctrl+S保存以后，即时窗口会立即生效。

---

兼容性CSS代码生成
很多CSS3的代码都不兼容，不同的浏览器有不同的语言，使用此扩展可以通过提升的方式自动添加特殊的CSS标记，例如-moz, -webkit, -ms and -o开头的一些CSS，也只可以选择特定的浏览器。

生产的代码结果如下：

如果你已经添加了一部分的话，该扩展会只添加除这部分之外的CSS代码，不会重复添加的。

---

上下箭头可以改变数字值

当你把键盘提示符放在数字上或者数字后面的话，例如5px, 25%, 0.6em, 23等，可以使用CTRL+UP或者CTRL+DOWN来增加或减小数值。