游客

标题: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然后重启你的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来增加或减小数值。支持CSS, SaSS, LESS和JavaScript文件 可以生产Base64格式的字符串代替URL地址如果你通过url来引用背景图的话，那可以直接通过该扩展提供的Embed resource as base64功能将引用转换成base64格式的。如果嫌内容太长，可以使用折叠功能。 支持快捷键注释和反注释代码可以使用CTRL+K, CTRL+C注释或CTRL+K, CTRL+U反注释代码，和VS里C#编程使用的快捷键一样。 TODO注释特殊支持任何注
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页