Web编译器Visual Studio扩展
原文地址:https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler
一个Visual Studio扩展,用于编译LESS,Sass,JSX,ES6和CoffeeScript文件。
请参阅更改日志以了解更改和路线图。
特征
- 编辑LESS,Scss,Stylus,JSX,ES6和(Iced)CoffeeScript文件
- 保存源文件会自动触发重新编译
- 为每个单独的文件指定编译器选项
- 错误列表集成
- MSBuild支持CI方案
- 缩小编译输出
- 每种语言的缩小选项都是可自定义的
- 打开生成的文件时显示水印
- 编译解决方案中所有指定文件的快捷方式
- Task Runner Explorer集成
- 命令行界面
- 与Web Analyzer集成
入门
右键单击,然后 .less
, .scss
, .styl
, .jsx
, .es6
或 .coffee
在Solution Explorer文件来设置编译。
调用的文件 compilerconfig.json
在项目的根目录中创建。这个文件让你修改编译器的行为。
右键单击该 compilerconfig.json
文件,您可以轻松运行所有已配置的编译器。
编译保存
任何时候 .less
, .scss
, .styl
, .jsx
, .es6
或 .coffee
文件是在Visual Studio中改性,编译器自动运行到产生编译后的输出文件。
保存compilerconfig.json
要编译所有已配置文件的文件时也是如此 。
编译构建/ CI支持
在ASP.NET MVC和WebForms项目中,您可以在编译步骤中启用编译。只需右键单击该compilerconfig.json
文件即可启用它。
单击该菜单项将提示您有关单击“确定”按钮时将发生的情况的信息。
NuGet包将安装到该 packages
文件夹中,而不会向项目本身添加任何文件。NuGet包中包含一个MSBuild任务,该任务将compilerconfig.json
在项目根目录中的文件上运行完全相同的编译器 。
编译所有
您可以compilerconfig.json
使用键盘快捷键Shift+Alt+Y
或使用顶级“生成”菜单上的按钮对解决方案中的所有文件 运行编译器 。
任务运行资源管理器
快速浏览您指定的文件或直接在Task Runner Explorer中执行编译。
您甚至可以设置绑定,以便在某些Visual Studio事件(例如BeforeBuild 和 Project Open)期间自动进行编译。
错误列表
发生编译器错误时,Visual Studio中的错误列表将在源文件中显示错误及其确切位置。
来源地图
.scss
目前仅支持源映射 文件,但计划是为所有语言提供源映射支持。Web Compiler与它的前身Web Essentials的不同之处在于,它在生成的.css文件中内联base64编码的映射版本,而不是生成单独的.map文件。
compilerconfig.json
扩展compilerconfig.json
在项目的根目录添加一个 文件,用于配置所有编译。
以下是该文件的示例:
[ { "outputFile": "output/site.css", "inputFile": "input/site.less", "minify": { "enabled": true }, "includeInProject": true, "options":{ "sourceMap": false } }, { "outputFile": "output/scss.css", "inputFile": "input/scss.scss", "minify": { "enabled": true }, "includeInProject": true, "options":{ "sourceMap": true } }]
compilerconfig.json
可以compilerconfig.json.defaults
在同一位置的文件中找到 默认值 。
Web编译器Visual Studio扩展的更多相关文章
- 最棒的Visual Studio扩展
isual Studio是微软公司推出的开发环境,Visual Studio可以用来创建Windows平台下的Windows应用程序和网络应用程序,也可以用来创建网络服务.智能设备应用程序和Offic ...
- 让编程更轻松的 7 个 Visual Studio 扩展 : 以下几个扩展,BuildVision可以用
是时候升级你最喜欢的IDE了!在这篇文章中,我将介绍一些我最喜欢的与众不同的 Visual Studio 扩展,是它们让我的日常编程工作变得更加轻松.对于一些明摆着的,例如 ReSharper 和 O ...
- Productivity Power Tools 是微软官方推出的 Visual Studio 扩展
Productivity Power Tools 是微软官方推出的 Visual Studio 扩展 免费的精品: Productivity Power Tools 动画演示
- Visual Studio 扩展包(.vsix)制作
前言:上篇介绍了 Visual Studio扩展工具添加与卸载,本编要介绍的是Visual Studio 扩展包(.vsix)的制作. 方法: ①.下载并安装Visual Studio 2010 SD ...
- 写了一个远程桌面管理的Visual Studio扩展程序
最近看了写Visual Studio扩展相关的一些资料,周末写了一个远程桌面管理器的扩展程序来练练手,由于和VisualStudio集成了,无需切换窗口,用起来还是觉得挺方便的. 关于远程桌面管理器的 ...
- Bundler和Minifier Visual Studio扩展
原文地址:https://marketplace.visualstudio.com/items?itemName=MadsKristensen.BundlerMinifier 特征 将CSS,Java ...
- 当 Visual Studio 扩展遇到错误时
我是遇到了 Github 扩展经常在 Visual Studio 启动时报错,找了一下可以尝试以下方法: 首先卸载插件 然后删除 %LocalAppData%\Microsoft\VisualStud ...
- Visual Studio扩展与更新中插件被禁用,安装后无法使用
在Visual Studio中的扩展与更新中安装插件后,显示[禁用],重新安装后仍然不能使用,但是VS默认安装的扩展却可以正常使用. 这里需要注意下方显示“当前不允许加载每用户扩展”,点击“启用每用户 ...
- 使用Visual Studio扩展插件Visual assist X给代码插入注释模板
Visual Assist 是由Whole Tomato公司为Microsoft Visual Studio开发的一款插件.它对Visual Studio的智能提示功能和代码高亮功能进行了增强,同时还 ...
随机推荐
- css 阴影设置box-shadow
box-shadow: 1px 2px 5px 6px #888888 inset 1px: 必须,水平阴影的位置, 负值为左 2px: 必须,垂直阴影的位置, 负值为上; 5px: 可选,模糊距离; ...
- At- Linux必学的60个命令
1.作用 at命令用来在指定时刻执行指定的命令序列. 2.格式 at [-V] [-q x] [-f file] [-m] time 3.主要参数 -V:显示标准错误输出. -q:许多队列输出. -f ...
- Leetcode961. N-Repeated Element in Size 2N Array重复N次的元素
在大小为 2N 的数组 A 中有 N+1 个不同的元素,其中有一个元素重复了 N 次. 返回重复了 N 次的那个元素. 示例 1: 输入:[1,2,3,3] 输出:3 示例 2: 输入:[2,1,2, ...
- phpmyadmin连接远程mysql
phpmaadmin连接远程mysql连接远程mysql步骤.保证已经有�phpmyadmin,如果没有,去http://www.phpmyadmin.net/home_page/downloads. ...
- 细说WPF自定义路由事件
WPF中的路由事件 as U know,和以前Windows消息事件区别不再多讲,这篇博文中,将首先回顾下WPF内置的路由事件的用法,然后在此基础上自定义一个路由事件. 1.WPF内置路由事件 W ...
- 最小费用最大流——ZKW
对于最小费用最大流,我们的通常做法是EK+SPFA. 然而,卡常界大佬ZKW发明了一个求解最小费用最大流的方法,很强啊. 在学ZKW费用流前,先说说KM算法. KM算法 为啥要先提这个呢?因为ZKW费 ...
- 开方运算的DSP实现
//=============================================== //函数名:VSqrt3 //功能: 实现对32位定点数的开方 //性能: 60M主频28015 ...
- Matlab 路径函数
1 fileparts [pathstr,name,ext] = fileparts(filename) 将filename字符串分解成路径,文件名和文件后缀.文件可以不存在,ext中含有前缀dot( ...
- JasperReport报表设计4
在JRXML模板(或JRXML文件)中的JasperReport 都是标准的 XML文件,以.JRXML扩展.所有JRXML文件包含标签<jasperReport>,作为根元素.这反过来又 ...
- 2019-4-17-从-dotnet-core-3.0-的特性让-WPF-布局失效讨论-API-兼容
title author date CreateTime categories 从 dotnet core 3.0 的特性让 WPF 布局失效讨论 API 兼容 lindexi 2019-4-17 1 ...