Web Essentials之通用功能
本篇目录
功能
通用功能应用于很多方面。
设置
所有的设置都可以在VS选择工具 -> 选项 -> Web Essentials中找到:
解决方案作用域设置
设置可以是全局的或者针对某些特定的解决方案。通过单独解决方案作用域设置,你可以确保所有的团队成员都在使用相同的设置。
要开启解决方案的设置,选择工具栏的“Web Essentials”,然后点击“Create solution settings【创建解决方案设置】”。
这个操作会生成一个“Solution Items”文件夹,里面有个关于WE(Web Essentials)设置的json 文件。
解决方案中的命令
上面的菜单项(后面两组)都是解决方案级命令的快捷方式。
快捷方式
下面是一些常用的快捷方式:
如果你想了解更多的快捷方式,请点击这里。
WEIgnore
描述
.weignore
文档是一个文件,该文件包含了文件路径模式的列表,每个文件路径各占一行,用于阻止Web Essentials中的编译器和检查器使用它们。该文档接受.jshintignore,似Unix和似Windows支持的所有样式。
创新
它就像.jscs,.jshintrc, coffee.json, coffeelint.js和 tslint.json
那样工作。对于每个请求,它会在当前目录中寻找.weignore
文件,然后是父目录,直到驱动器的根目录。之后,它会进入用户的主目录(C:\Users\<your-name>
)。在这个链中找到的第一个配置文件会生效。在.weignore文件中的所有文件路径模式都和要处理的源文件相关,而跟.weignore文件本身无关。
如何工作
每行都必须遵守这个模式:排除模式 [要排除的编译器/检查器]
下面是当前WebEssentials支持的所有(基于node)编译器和检查器(linter):
- 编译器(compiler)
- autoprefixer
- coffeescript
- icedcoffeescript
- less
- livescript
- scss
- sweetjs
- 检查器(linter)
- jscs
- jshint
- tslint
限制
当前只支持定位到node.js管道服务,这就是说不支持TypeScript编译和Markdown。
更多关于.weignore的信息可以在这里找到。
用法
基本用法
# 忽略包含"style"的文件路径:
**/**style**
# 忽略以.min.js结尾的路径:
**/**.min.js
# 忽略包含文件夹名为"slug"的文件路径:
**\slug\**
# 或者这样写:
**/slug/**
#忽略绝对路径(两种写法都成):
C:\temp\foo.ts
C:/temp/foo.ts
中级难度
# 要否定忽略, 在路径前使用非运算符“!”:
!**/**Content
# 要忽略编译的文件,在匹配模式后标明“compiler”,用Tab键分隔
**/doodle.less compiler
#要使文件被less编译器忽略,使用单词less
**/doodle.less less
#要使文件被Autoprefixer忽略,使用单词autoprefixer
**/bug.scss autoprefixer
#要使文件被一个检查器忽略,使用单词linter
**/*.js linter
#你也可以标出检查器的名字:
**/random.js jscs
#对于要求多个服务名称的情况,请使用逗号分隔的列表:
**/doodle.less less, autoprefixer
Web Essentials之通用功能的更多相关文章
- Web Essentials之JavaScript,TypeScript和CoffeeScript
返回Web Essentials功能目录 一些Javascript功能也可以用于TypeScript. 本篇目录 功能 智能提示 TypeScript CoffeeScript 功能 JSHint J ...
- Web Essentials之样式表StyleSheets
返回Web Essentials功能目录 本篇目录 智能感知 视觉提示 验证 Web标准 转换器 Web Essentials中大多数的CSS功能也适用于LESS. 智能感知 生成供应商特定的属性 如 ...
- Web Essentials之Bundling
返回Web Essentials功能目录 本篇目录 介绍 样例文件 已知行为 介绍 这篇要讲的是Bundling,我看很多人把它翻译为捆绑,如果你喜欢你也可以这么理解,我是不太习惯,我还是喜欢它为bu ...
- 让人一用钟情的VS插件系列之一——Web Essentials(Web开发必备利器)
返回VS插件总目录 本篇目录 初识Web Essentials 看国外大牛如何评价Web Essentials Web Essentials下载与安装 Web Essentials涉及到了哪些内容 初 ...
- Web Essentials之Markdown和自定义编辑器(Web Essentials完结)
返回Web Essentials功能目录 本篇目录 功能 自定义编辑器 开源项目都会在项目的根目录放一个Readme.md文件来告诉读者一些重要的说明,那么就可以在VS中直接编辑Markdown文件. ...
- Web Essentials之HTML和CSS操作技巧
返回Web Essentials功能目录 一些Javascript功能也可以用于TypeScript. 本篇目录 功能 ZenCoding LESS 功能 最小化HTML文件 选中要最小化的.html ...
- Web Essentials之Browser Link
返回Web Essentials功能目录 本篇目录 功能 当Browser Link运行时,会有一个菜单注入到你的网站上,Web Essentials可以使用该菜单上所有可用的一套Browser Li ...
- 最锋利的Visual Studio Web开发工具扩展:Web Essentials详解(转)
Web Essentials是目前为止见过的最好用的VS扩展工具了,具体功能请待我一一道来. 首先,从Extension Manager里安装:最新版本是19号发布的2.5版 然后重启你的VS开发环境 ...
- Visual Studio 2013 Web开发、新增功能:“Browser Link”
微软正式发布Visual Studio 2013 RTM版,微软还发布了Visual Studio 2013的最终版本..NET 4.5.1以及Team Foundation Server 2013. ...
随机推荐
- NC nc5.x笔记(编辑中)
一.设置卡片界面下 金额字段负数为红色! /** * 设置卡片界面下 金额字段负数为红色! */ private void repaintBodyMoneyColor(){ if(!isListPan ...
- ASP.NET ashx实现无刷新页面生成验证码
现在大部分网站登陆时都会要求输入验证码,在网上也看了一些范例,现在总结一下如何实现无刷新页面生成验证码. 效果图: 实现方式: 前台: <div> <span>Identify ...
- 控制iframe高度
1. iframe自适应高度 <iframe id="iframe" src="#" frameborder="0" scrollin ...
- 【转】当你在浏览器地址栏输入一个URL后回车,将会发生的事情?
http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/ http://www.cnblogs.com/panx ...
- C# 加密
一.RSA加密解密 using System; using System.Collections.Generic; using System.IO; using System.Linq; using ...
- Unity4升级Unity5后Image Effects问题
Assets\Editor\Image Effects\CameraMotionBlurEditor.js 会出现Ambiguous reference 'preview'错误提示,解决方法 查找pr ...
- Xcode 升级成Xcode 8 版本以后,出现 Signing for "sqlite3--test" requires a development team. 问题的解决
升级xcode到8版本以后,工程文件会出现以下提示 解决办法就是,点击Team,添加自己的appid,然后选择自己的appid即可, 注意: 这里不需要开发者账号,自己的 apple id,就可以”:
- Xamarin studio配置问题
最近对Xamarin很感兴趣,就下班抽空在家里的电脑上进行配置,于是乎出现了各种问题,对此进行总结. 1. Cannot find `aapt.exe`. Please install the And ...
- gulp 初级教程 会着让道
1.全局安装一遍: $ npm install gulp -g 2.cd 到项目的根目录 (如果跟程序配合,程序先建好程序的话,你可找到放js和css还有images的文件夹.)我当时就在这挡住了,不 ...
- Spring笔记--0907
包含ioc和aop两大核心概念 aop----事务管理 spring框架运用的设计模式(查一下) ---------------------------------------Ioc(控制反转)和Di ...