Web Essentials：如何高效运用Visual Studio Web开发最锐利扩展？

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

首先，从Extension Manager安装：最新版本是19.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代码，不会重复添加的。