Открыть файл в CSS Visual Studio, Source Editor

Question

Я использую Phil Haack's T4CSS T4 template на основе .less

Одна плохая вещь о решении Фила является то, что Visual Studio открывает .less файлы, текстовые файлы, а не как CSS-файлов. (Таким образом, не intellisense.)

Как я могу получить VS, чтобы открыть безрезультатный файл в Редакторе исходного кода CSS?

Я пробовал:

1. Щелкните правой кнопкой мыши> Открыть с помощью, но CSS редактор исходного кода нет в списке.
2. Инструменты> Параметры> Текстовый редактор> Расширения файлов, но еще раз, редактор исходного кода CSS не указан.

Это можно сделать?

Answer 1

Midscape's Web Workbench Visual Studio Extension добавляет поддержку .less файлов, включая подсветку синтаксиса и Intellisense. Он также добавляет поддержку SASS и CoffeeScript.

Answer 2

Я только что разместил расширение, которое делает это; вы можете download it from the Visual Studio Gallery.

Ключ к расширению является .pkgdef файла:

[$RootKey$\Languages\File Extensions\.less] 
@="{A764E898-518D-11d2-9A89-00C04F79EFC3}" 

[$RootKey$\Editors\{A764E89A-518D-11d2-9A89-00C04F79EFC3}\Extensions] 
"less"=dword:00000028 

Обратите внимание, что это расширение делает ничего, чтобы помочь службы поддержки языка CSS Less не делать; Например, вложенные правила не работают очень хорошо (это путает службу языка CSS).

Answer 3

Если вы используете инструмент dotless.Compiler.exe (в отличие от обработчика http), вам нечего сказать, что ваши файлы должны заканчиваться на .less. Я называю свой суффикс мои .less-файлы с .css, чтобы Visual Studio рассматривала их как файлы css. Например. мое именование является:

/css/common.less.css ==> /css/common.css

Я бег компилятора Dotless как событие после построения, например,

$(SolutionDir)\packages\dotless.1.1.0\Tools\dotless.Compiler.exe "$(ProjectDir)\css\common.less.css" "$(ProjectDir)\css\common.css" 

Answer 4

How to turn on Visual Studio 2010 .css Intellisense on .less file