返回Web Essentials功能目录 本篇目录 功能 快捷方式 WEIgnore 功能 通用功能应用于很多方面. 设置 所有的设置都可以在VS选择工具 -> 选项 -> Web Essentials中找到: 解决方案作用域设置 设置可以是全局的或者针对某些特定的解决方案.通过单独解决方案作用域设置,你可以确保所有的团队成员都在使用相同的设置. 要开启解决方案的设置,选择工具栏的"Web Essentials",然后点击"Create solution sett…

返回Web Essentials功能目录 一些Javascript功能也可以用于TypeScript. 本篇目录 功能 智能提示 TypeScript CoffeeScript 功能 JSHint JSHint真是一种确保你写的JavaScript代码遵守编码规范和最佳实践的好办法.默认的设置是很松的,但是你可以通过新的选项对话框打开更多的规则. 错误窗口会随着输入的变化而变化,因此,不必右键点击.js文件来进行JSHint. 每个单独的javascript文件都可以通过使用JSHint文档中描…

返回Web Essentials功能目录 本篇目录 智能感知 视觉提示 验证 Web标准 转换器 Web Essentials中大多数的CSS功能也适用于LESS. 智能感知 生成供应商特定的属性 如果添加了供应商特定的属性,许多CSS 3的新属性都会跨浏览器工作.这些供应商特定的(vendor-specific)属性包括-moz,-webkit,-ms和-o.想要了解关于供应商的前缀,请查看这篇文章. 结果是以正确的顺序插入丢失的供应商特定的属性. 如果一个或更多的供应商特定的属性已经存在了,…

返回Web Essentials功能目录 本篇目录 介绍 样例文件 已知行为 介绍 这篇要讲的是Bundling,我看很多人把它翻译为捆绑,如果你喜欢你也可以这么理解,我是不太习惯,我还是喜欢它为bundling,或者bundle. Bundling允许我们组合和压缩相同类型的文件来提升网站的性能. 啥是bundle? Web Essentials的bundle文件是用于组合和压缩相同类型的一组文件的一个食谱,它可以限制浏览器将要下载的数据量. Web Essentials提供了两种bundli…

返回VS插件总目录 本篇目录 初识Web Essentials 看国外大牛如何评价Web Essentials Web Essentials下载与安装 Web Essentials涉及到了哪些内容 初识Web Essentials Web Essentials Web Essentials给Visual Studio扩展了很多新的功能,对于Web开发者来说,这些功能我们已经等待好多年了. 如果你正在编写CSS, HTML, JavaScript, TypeScript, CoffeeScript…

返回Web Essentials功能目录 本篇目录 功能 自定义编辑器 开源项目都会在项目的根目录放一个Readme.md文件来告诉读者一些重要的说明,那么就可以在VS中直接编辑Markdown文件. 功能 语法高亮 支持Markdown语法全着色.见下图. 内嵌语言智能感知 通过使用```language就可以完全支持Github的内嵌语言. 预览窗口 预览窗口和打开的.md文档并排显示已经渲染的Html. 编译为HTML 右击任何Markdown文件,选择Compile Markdown t…

返回Web Essentials功能目录 一些Javascript功能也可以用于TypeScript. 本篇目录 功能 ZenCoding LESS 功能 最小化HTML文件 选中要最小化的.html文件,然后在web essentials的菜单中选择"Minify html file(s)"选项,即可生成一个.min.html文件,该功能类似于js和css文件的压缩.具体操作以及效果见下图: Bundle Html文件 在解决方案浏览器中选择2个或更多html文件,然后右键选择&qu…

返回Web Essentials功能目录 本篇目录 功能 当Browser Link运行时,会有一个菜单注入到你的网站上,Web Essentials可以使用该菜单上所有可用的一套Browser Link功能. 要想了解更多关于Browser Link的信息,请点击下面的图片: 功能 启用了Browser Link之后,打开我的网站时,就出现了一个如下图所示的浮动的工具条: 下面一一介绍该工具条上的所有功能: Auto-hide 如果你总是不想看到这个菜单,那么可以选中该复选框,使它默认不可见.…

Web Essentials是目前为止见过的最好用的VS扩展工具了,具体功能请待我一一道来. 首先,从Extension Manager里安装:最新版本是19号发布的2.5版 然后重启你的VS开发环境,就可以使用它提供的方便功能了. Web Essentials对CSS.JavaScript和HTML都提供了很多快捷的功能支持,具体列表如下: CSS   即时预览Live Web Preview每次修改的时候,都可以使用CTRL+ALT+Enter快捷键或者点击方案右键上的Live Web Pr…

微软正式发布Visual Studio 2013 RTM版,微软还发布了Visual Studio 2013的最终版本..NET 4.5.1以及Team Foundation Server 2013.下面我们体验下Visual Studio 2013 Web开发方面有哪些特性,具体可以参看http://www.asp.net/visual-studio/overview/2013/release-notes. 1..net framework 2.0/3.0/3.5/4.0/4.5/4.5.1…