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. ...
随机推荐
- android中ColorStateList及StateListDrawable设置Selector
写过android的代码相信大家对Selector并不陌生吧,下面来看看这段xml文件是如何定义的 <?xml version="1.0" encoding="ut ...
- With语句以及@contextmanager的语法解析
with 语句以及@contextmanager的语法解析 with语句可以通过很简单的方式来替try/finally语句. with语句中EXPR部分必须是一个包含__enter__()和__e ...
- 如何在一个div标签里显示出另一个网页? <iframe src=" http://www.baidu.com " width="800px" height="200px" scrolling="no" frameborder="0"> </iframe>
如何在一个div标签里显示出另一个网页? 用在div里用iframe,就像下面的代码 <iframe src=" http://www.baidu.com " width=& ...
- Java getResourceAsStream() 方法会缓存文件的问题
xxx.getClass().getClassLoader().getResourceAsStream("d:/test-config.properties") 这方法确实会缓存文 ...
- shell <<EOF
1.考虑下面的需求,在主shell执行命令,进入其他的命令,后面的输入,想作为命令的输入,而不是主shell的输入,怎么办? 2.使用<<EOF,告诉主shell,后续的输入,是其他命令或 ...
- DIV弹出和关闭新DIV
代码用HTML+JS实现: 代码(用HTML+JS实现): <!doctype html> <html lang="UTF-8"> <head> ...
- MongoDB基本命令用
成功启动MongoDB后,再打开一个命令行窗口输入mongo,就可以进行数据库的一些操作. 输入help可以看到基本操作命令: show dbs:显示数据库列表 show collections:显 ...
- python第二天基础1-1
一.作用域 对于变量的作用域,执行声明并在内存中存在,该变量就可以在下面的代码中使用. if 1==1: name = 'wupeiqi' print name 二.三元运算 result = 值1 ...
- vim的批量注释与删除注释
vim的批量注释与删除注释 方法一:块选择模式 批量注释: Ctrl + v 进入块选择模式,然后移动光标选中你要注释的行,再按大写的I进入行首插入模式输入注释符号如 // 或 #,输入完毕之后,Vi ...
- 用js效果做的简单焦点图
/*js代码*/ <script src="js/js/myfocus-2.0.1.min.js" type="text/javascript">& ...