it-swarm-ru.tech

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

Кто-нибудь знает, как включить css intellisense в расширении файла не .css? У меня есть файл .less, который в основном является файлом .css, но Visual Studio не будет использовать .css intellisense для этого файла.

60
aBetterGamer

Попробуйте использовать расширение CSS Is Less для VS2010:

http://visualstudiogallery.msdn.Microsoft.com/dd5635b0-3c70-484f-abcb-cbdcabaa9923

Принудительно открывает файлы .LESS в редакторе CSS без необходимости изменения настроек или добавления тегов HTML в файл LESS.

43
Luke

Visual Studio позволяет сопоставить пользовательские расширения с различными редакторами, выбрав Сервис-> Параметры-> Текстовый редактор-> Расширение файла. Вы просто предоставляете пользовательское расширение и выбираете редактор, с которым хотите связать его. К сожалению, команда Visual Studio, похоже, пропустила редактор CSS в списке редакторов. 

Возможный обходной путь - связать расширение с редактором HTML, а затем введите <html><head><style> в верхней части файла и </style></head></html> в нижней части файла. Это даст вам поддержку CSS intellisense между наборами тегов. После этого вы можете удалить теги HTML и сопоставление файлов, когда закончите редактирование.

20
Nick H

Другой вариант - назвать ваши файлы «.less.css», затем изменить любые ссылки на них либо на вашей главной странице, либо в вашем главном файле CSS (который загружает все остальные файлы CSS с помощью операторов @import), а затем настроить менее обработчик следующим образом в разделе «обработчики» вашего файла Web.Config:

<add name="LessCssHandler" type="dotless.Core.LessCssHttpHandler,dotless.Core" path="*.LESS.CSS" verb="*" />

Затем вы получаете подсветку синтаксиса, less работает нормально, и вам не нужно было настраивать новые расширения файлов в vs, загружать любые vs надстройки и т.д., Что удобно, если у вас есть команда из более чем одного разработчика.

Если вы используете один файл для определения цветов и т.д., Он должен быть назван «.less» и импортирован в каждый файл .less.css с @import «exampledefs.less»; заявление в этом файле.

16
DavidWainwright

Я действительно наслаждаюсь MindscapeWebWorkbench . Это бесплатный плагин для VS 2010, обеспечивающий поддержку .less. Кроме того, расширение поставляется с поддержкой скриптов .Sass и Coffee!

Попробуй!

Ааа, Хансельман одобряет ;)

10
Custodio

Поздний ответ, но это хакерский способ решить его в «чистом» VS2010

#if DEBUG
<html><head><style>
#endif

в верхней части файла и 

#if DEBUG
</style></head></html>
#endif

в нижней части файла

2
Erik Karlsson

Я настоятельно рекомендую использовать Crunch: http://crunchapp.net/

Visual Studio (Express входит в комплект) позволяет открывать файлы Less с помощью Crunch. Правда, он не открывает их в Visual Studio, он открывает Crunch для редактирования файла, но есть много причин использовать Crunch в любом случае. Основная причина в том, что Crunch возьмет ваш код Less и скомпилирует его в чистый файл CSS. Преимущества заключаются в том, что вам не нужно включать на своем веб-сайте сценарий less.js, что позволяет избежать лишних затрат, вы можете написать код Less, и это так же просто, как дважды щелкнуть файл less в VS, отредактировать файл и затем "хруст" (или сохранение) по таблице стилей CSS. Не нужно прикасаться к чистому CSS, созданному с помощью crunch.

0
skinneejoe

Это расширение предоставляет полный Intellisense

http://visualstudiogallery.msdn.Microsoft.com/e646c6ec-87a7-45ea-81e8-d655a3d3e73e

0
Tom Dudfield