您的位置:金沙js28com > 前端 > Visual Studio:Web Essentials详解

Visual Studio:Web Essentials详解

2019-04-01 12:40

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

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

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

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

  当你把键盘提示符放在数字上或者数字后面的线等,可以使用CTRL+UP或者CTRL+DOWN来增加或减小数值。

  任何注释如果包括TODO关键字的话,都会在左边显示一个灰色的特殊标记,来提示你该部分暂未完成。

  鼠标移动到颜色上的时候,可以预览改颜色,或者在CSS编辑器里也能直接预览颜色

  需要一个生命的选择器,右键可以看到Surround With Region即可将这段代码进行折叠起来。

  功能选择以后,它会自动定位到默认的 MyRegion名称那里,让你修改自己的折叠大纲的名称。

  支持图片和字体的拖拽,例如如果你拖拽tomxu.jpg图片到该CSS选择器,那么将自动生成如下代码(字体也是类似):

  在一个文件的所有代码中,如果选择一个变量,那该代码中所有相同的变量都会高亮显示,和C#里一样。

  使用AjaxMin library进行了压缩代码,不仅压缩了,还使用了混淆,牛!

  在解决方案里,添加新项的时候,可以直接选择添加JavaScript文件还是Stylesheet文件,方便!

  以前我们在webform开发的时候,直接用鼠标将user control拖拽到aspx页面或者模板容器的时候都会自动生成a连接,使用此扩展以后,将会自动注册命名控件,然后生成带有的代码,可以直接使用咯。

本文链接:Visual Studio:Web Essentials详解