Откройте файл в редакторе исходного кода CSS Visual Studio

Question

Я использую Шаблон T4CSS T4 Фила Хаака на основе .less

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

Как заставить VS открыть файл .less в редакторе исходного кода CSS?

Я пробовал:

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

Можно ли это сделать?

Answer 1

Я только что опубликовал расширение, которое делает это; Вы можете загрузить его из галереи Visual Studio .

Ключ к расширению - файл .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 2

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

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

Как включить Visual Studio 2010 .css Intellisense для файла .less