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

Я использую шаблон Phil Haack T4CSS T4 на основе . меньше

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

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

Я пробовал:

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

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

Ответы

Ответ 1

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

Ответ 2

Я только что разместил расширение, которое делает это; вы можете загрузить его из галереи 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 меньше; вложенные правила, например, не работают очень хорошо (это путает службу языка CSS).

Ответ 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"