标签: web-essentials

如何使用Asp.net MVC 5和Web Essentials 2013编译Twitter Bootstrap 3.0 LESS

我已经设置了Visual Studio 2013 RCWeb Essentials 2013.我正在尝试使用ASP.Net MVC 5创建Azure云服务和Web角色.安装了Twitter Bootstrap Less Source 3.0,并希望使用Web Essentials 2013 捆绑所有较少的文件.

我没有得到任何关于如何在运行时捆绑bootstrap.less或在设计时将其编译成bootstrap.css的帮助或文档.

知道如何做到这一点?有没有比BundleTransformer.Less更简单的方法.

less web-essentials visual-studio-2013 asp.net-mvc-5 twitter-bootstrap-3

17
推荐指数
2
解决办法
1万
查看次数

无法将Web Essentials安装到VS12

我似乎无法安装WebEssentials.我一直收到这个错误,即使我得到了VSIX扩展的VS图标,并在程序中更新了VS12.

2013-02-07 21:59:15 - Microsoft VSIX Installer
2013-02-07 21:59:15 - -------------------------------------------
2013-02-07 21:59:15 - Initializing Install...
2013-02-07 21:59:16 - Extension Details...
2013-02-07 21:59:16 -   Identifier      : 5fb7364d-2e8c-44a4-95eb-2a382e30fec7
2013-02-07 21:59:16 -   Name            : Web Essentials 2012
2013-02-07 21:59:16 -   Author          : Mads Kristensen
2013-02-07 21:59:16 -   Version         : 2.4.5
2013-02-07 21:59:16 -   Description     : Adds many useful features to Visual Studio for web developers.
2013-02-07 21:59:16 -   Locale          : en-US
2013-02-07 21:59:16 -   MoreInfoURL     : http://vswebessentials.com/changelog
2013-02-07 21:59:16 -   InstalledByMSI  : …
Run Code Online (Sandbox Code Playgroud)

visual-studio-2012 web-essentials

16
推荐指数
1
解决办法
6395
查看次数

LESS编译器和相对的@import引用在Web Essentials 2012 v2.7中不起作用

v2.6的更新适用于VS 2012,我安装了Web Tools 2012.2更新,但是我注意到v2.5.1版本中不存在的问题(我现在降级为修复版)是@import LESS文件中的行在编译时不再找到引用的文件.

除非@import行中引用的文件位于同一物理文件夹中,否则编译器会发生炸弹.如果存在任何路径信息,例如"../../style/common.less",编译器将响应错误,并且不会创建生成的CSS文件.

我得到的错误是它找不到文件,路径信息被截断为第一个父路径构造或者没有.所以,它正在寻找"../style/common.less"或"style/common.less".这两者之间似乎是间歇性的.

有关可能相关的问题,请参阅:无需导入CSS和相对路径

更新: 确认预期行为在LESS v1.3.1及更低版本中正常工作.

我通过Visual Studio扩展更新对话框更新到Web Essentials的v2.6.然后我在路径X:\ Users\{USER}\AppData\Local\Microsoft\VisualStudio\11.0\Extensions\{HASH}\Resources\Scripts\less-1.3.0.js中替换了LESS脚本文件的内容(最初是使用Web Essentials v2.6更新的v1.3.3,其中包含版本1.3.0,1.3.1,1.3.2,1.4.0-beta,1.4.0和1.4.1的脚本.编译仅适用于1.3.1及更低版本.

我想知道在删除对@ import-once的支持时是否出现了问题.

更新2: Web Essentials的2.7版仍然表现出这种行为,但也可以按上述方式修复.

css import less visual-studio-2012 web-essentials

16
推荐指数
1
解决办法
5713
查看次数

构建后出错 - Web Essentials 2012

我的asp.net MVC4应用程序非常频繁地出现此错误.该项目确实构建好,但它在输出中显示一条消息.

18/04/2013 3:17:57 p.m.: Object reference not set to an instance of an object.
at MadsKristensen.EditorExtensions.ProjectHelpers.GetRootFolder()
at MadsKristensen.EditorExtensions.ProjectHelpers.GetRootFolder()
Run Code Online (Sandbox Code Playgroud)

我正在使用VS2012 Update 1. Web Essentials 2012 2.6版.

这不是重大而是烦恼.请帮忙.

visual-studio asp.net-mvc-4 web-essentials

16
推荐指数
1
解决办法
2085
查看次数

如何在Visual Studio 2013 Web Essentials扩展中使用JsHint".jshintrc"文件?

我已经将"Web Essentials"扩展安装到Visual Studio 2013中.我现在在"消息"部分下的"错误列表"窗口中显示JSHint警告.然而,它抱怨一些它认为没有定义的全局变量.

根据我的阅读,您可以使用JSHint的.jshintrc文件列出全局变量,这样它就会停止抱怨它们.我希望它设置如下.(这样它就会停止抱怨"ko"......这是一个KnockoutJs的全局变量.)

"globals": {
    "$": false,
    "jQuery": false,
    "ko": false
 }
Run Code Online (Sandbox Code Playgroud)

你应该如何以及在哪里创建VS Project中的.jshintrc文件?

我尝试在项目的根目录中添加文件,将其命名为".jshintrc",但Visual Studio抱怨说:

"File and folder names cannot contain a leading period."
Run Code Online (Sandbox Code Playgroud)

我似乎无法找到有关如何将此文件添加到Visual Studio项目中的任何文档,以便Web Essentials扩展程序可以获取它.

有任何想法吗?


更新

Hex有正确的答案.我不得不打开一个命令提示符来重命名该文件,因为Windows资源管理器不会让我命名一个以句点开头的文件.在那之后,我也遵循了Hex的建议,用花括号围绕整个事物.以下是我的.jshintrc文件的内容....我将其放在WebApp的根文件夹中......以及其他文件,如web.config.

{
    "globals": {
        "$": false,
        "jQuery": false,
        "ko": false
      }
}
Run Code Online (Sandbox Code Playgroud)

我不再收到关于"ko"对象的1000万次不必要的警告.:)谢谢Hex!

.net visual-studio jshint web-essentials visual-studio-2013

16
推荐指数
2
解决办法
8514
查看次数

Web Essentials - 捆绑版本

我目前正在使用Visual Studio Web Essentials来捆绑和缩小我的CSS和JavaScript文件.

目前,我手动创建一个版本号的包(如mybundle-1.0.0.css时被推到生产,以避免缓存问题).每次对源进行更改时,我还必须手动更改软件包文件版本号.

Web Essentials捆绑中是否存在我可能忽略的任何类型的自动版本控制功能?

理想的工作流程是:

  1. 开发人员更新源文件.
  2. Web essentials自动更新包.
  3. Web essentials会自动增加文件名中的版本号.

这可能吗?

如果没有,我很乐意听到有关更好的开发人员工作流程的任何建议.

visual-studio-2012 bundling-and-minification web-essentials

15
推荐指数
1
解决办法
4091
查看次数

如何在Visual Studio 2012中打开Web Essentials 2012中的实时Web预览

我正在尝试在Visual Studio中编辑CSS文件时打开Web Essentials 2012的实时Web预览功能.无处不在,我发现以下说明如何做到这一点,但没有一个为我工作:

1)按Ctrl + Alt + Enter - >没有任何反应;

2)在解决方案资源管理器中右键单击您的Web项目项,然后单击"实时Web预览"以显示窗口并加载网站. - >不存在这样的按钮.

任何帮助将不胜感激.谢谢.

用于实时预览的Missin选项.

css visual-studio web-essentials

15
推荐指数
0
解决办法
2475
查看次数

如何阻止visual studio 2013添加映射源链接到css文件

我正在使用visual studio 2013.

我正在使用web必备工具来处理我的less/css文件.

当我保存一个较少的文件时,它会在下面的css文件中添加一行,例如:

/*# sourceMappingURL=filename.css.map */
Run Code Online (Sandbox Code Playgroud)

我如何阻止vs2013添加这个?

我去了网络基本选项并禁用了名为"创建源地图文件"的选项,我将其更改为false,它不是创建地图文件,但仍然将上面的行添加到css文件中.

web-essentials visual-studio-2013

15
推荐指数
1
解决办法
5649
查看次数

是否可以将Web Essentials配置为不将*.css文件添加到Visual Studio项目中?

我们使用Visual Studio + Web Essentials将LESS文件编译为CSS.每当我们更改LESS文件时,Web Essentials都会坚持创建*.css,*.min.css和*.css.map文件,并将它们添加到Visual Studio项目文件中.

我们不希望将这些文件签入源代码管理,就像我们没有签入dll文件一样.

所以我的问题是:我们是否可以将Web Essentials配置为不将*.css和*.css.map添加到VS项目中?

less visual-studio web-essentials

15
推荐指数
2
解决办法
2600
查看次数

Visual Studio 2015中的TypeScript,Html和JS文件嵌套

如何在Visual Studio中管理/控制TypeScript文件的嵌套?

我得到了嵌套和非嵌套文件的混合,我不知道如何/为什么,如下所示.

嵌套和非嵌套文件

visual-studio typescript web-essentials

14
推荐指数
1
解决办法
4350
查看次数