Как включить Visual Studio 2010 .css Intellisense для файла .less - PullRequest
60 голосов
/ 11 февраля 2011

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

Ответы [ 9 ]

43 голосов
/ 12 февраля 2011

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

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

Принудительно открывает файлы .LESS в редакторе CSS, не изменяя настройки и не добавляя теги HTML к вашему.МЕНЬШЕ файл.

20 голосов
/ 11 февраля 2011

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

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

16 голосов
/ 10 мая 2011

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

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

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

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

10 голосов
/ 16 марта 2012

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

Попробуйте!

Ааа, Гансельман утверждает ;)

2 голосов
/ 17 апреля 2013

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

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

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

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

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

0 голосов
/ 16 октября 2012

Никто не упомянул Web Essentials 2012:

http://visualstudiogallery.msdn.microsoft.com/07d54d12-7133-4e15-becb-6f451ea3bea6

0 голосов
/ 21 сентября 2012

Я настоятельно рекомендую использовать 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 голосов
/ 23 мая 2012

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

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

0 голосов
/ 10 июня 2011

Мне пришлось добавить MIME-тип на мой IIS-сервер, например:

Расширение: .less

MIME-тип: text/css

...