返回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之通用功能的更多相关文章

  1. Web Essentials之JavaScript,TypeScript和CoffeeScript

    返回Web Essentials功能目录 一些Javascript功能也可以用于TypeScript. 本篇目录 功能 智能提示 TypeScript CoffeeScript 功能 JSHint J ...

  2. Web Essentials之样式表StyleSheets

    返回Web Essentials功能目录 本篇目录 智能感知 视觉提示 验证 Web标准 转换器 Web Essentials中大多数的CSS功能也适用于LESS. 智能感知 生成供应商特定的属性 如 ...

  3. Web Essentials之Bundling

    返回Web Essentials功能目录 本篇目录 介绍 样例文件 已知行为 介绍 这篇要讲的是Bundling,我看很多人把它翻译为捆绑,如果你喜欢你也可以这么理解,我是不太习惯,我还是喜欢它为bu ...

  4. 让人一用钟情的VS插件系列之一——Web Essentials(Web开发必备利器)

    返回VS插件总目录 本篇目录 初识Web Essentials 看国外大牛如何评价Web Essentials Web Essentials下载与安装 Web Essentials涉及到了哪些内容 初 ...

  5. Web Essentials之Markdown和自定义编辑器(Web Essentials完结)

    返回Web Essentials功能目录 本篇目录 功能 自定义编辑器 开源项目都会在项目的根目录放一个Readme.md文件来告诉读者一些重要的说明,那么就可以在VS中直接编辑Markdown文件. ...

  6. Web Essentials之HTML和CSS操作技巧

    返回Web Essentials功能目录 一些Javascript功能也可以用于TypeScript. 本篇目录 功能 ZenCoding LESS 功能 最小化HTML文件 选中要最小化的.html ...

  7. Web Essentials之Browser Link

    返回Web Essentials功能目录 本篇目录 功能 当Browser Link运行时,会有一个菜单注入到你的网站上,Web Essentials可以使用该菜单上所有可用的一套Browser Li ...

  8. 最锋利的Visual Studio Web开发工具扩展:Web Essentials详解(转)

    Web Essentials是目前为止见过的最好用的VS扩展工具了,具体功能请待我一一道来. 首先,从Extension Manager里安装:最新版本是19号发布的2.5版 然后重启你的VS开发环境 ...

  9. Visual Studio 2013 Web开发、新增功能:“Browser Link”

    微软正式发布Visual Studio 2013 RTM版,微软还发布了Visual Studio 2013的最终版本..NET 4.5.1以及Team Foundation Server 2013. ...

随机推荐

  1. NC nc5.x笔记(编辑中)

    一.设置卡片界面下 金额字段负数为红色! /** * 设置卡片界面下 金额字段负数为红色! */ private void repaintBodyMoneyColor(){ if(!isListPan ...

  2. ASP.NET ashx实现无刷新页面生成验证码

    现在大部分网站登陆时都会要求输入验证码,在网上也看了一些范例,现在总结一下如何实现无刷新页面生成验证码. 效果图: 实现方式: 前台: <div> <span>Identify ...

  3. 控制iframe高度

    1. iframe自适应高度 <iframe id="iframe" src="#" frameborder="0" scrollin ...

  4. 【转】当你在浏览器地址栏输入一个URL后回车,将会发生的事情?

    http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/ http://www.cnblogs.com/panx ...

  5. C# 加密

    一.RSA加密解密 using System; using System.Collections.Generic; using System.IO; using System.Linq; using ...

  6. Unity4升级Unity5后Image Effects问题

    Assets\Editor\Image Effects\CameraMotionBlurEditor.js 会出现Ambiguous reference 'preview'错误提示,解决方法 查找pr ...

  7. Xcode 升级成Xcode 8 版本以后,出现 Signing for "sqlite3--test" requires a development team. 问题的解决

    升级xcode到8版本以后,工程文件会出现以下提示 解决办法就是,点击Team,添加自己的appid,然后选择自己的appid即可, 注意: 这里不需要开发者账号,自己的 apple id,就可以”:

  8. Xamarin studio配置问题

    最近对Xamarin很感兴趣,就下班抽空在家里的电脑上进行配置,于是乎出现了各种问题,对此进行总结. 1. Cannot find `aapt.exe`. Please install the And ...

  9. gulp 初级教程 会着让道

    1.全局安装一遍: $ npm install gulp -g 2.cd 到项目的根目录 (如果跟程序配合,程序先建好程序的话,你可找到放js和css还有images的文件夹.)我当时就在这挡住了,不 ...

  10. Spring笔记--0907

    包含ioc和aop两大核心概念 aop----事务管理 spring框架运用的设计模式(查一下) ---------------------------------------Ioc(控制反转)和Di ...