Öffnen Sie eine Datei in Visual Studio CSS-Quelltext-Editor

Question

ich Phil Haack's T4CSS T4 template bin mit basierend auf .less

Eine schlechte Sache über Phils Lösung ist, dass Visual Studio die .Weniger Dateien als reine Textdateien und nicht als CSS-Dateien öffnet. (Also kein intellisense.)

Wie bekomme ich VS, um eine .less-Datei im CSS-Quelltext-Editor zu öffnen?

Ich habe versucht:

1. Rechtsklick> Öffnen mit, aber der CSS-Quellcode-Editor nicht aufgeführt ist.
2. Extras> Optionen> Texteditor> Dateierweiterungen, aber der CSS-Quelltext-Editor ist noch nicht aufgeführt.

Kann dies getan werden?

Answer 1

Midscape's Web Workbench Visual Studio-Erweiterung fügt Unterstützung für .Weniger Dateien, einschließlich Syntax-Hervorhebung und Intellisense. Es unterstützt auch SASS und CoffeeScript.

Answer 2

Ich habe gerade eine Erweiterung gepostet, die das tut; Sie können download it from the Visual Studio Gallery.

Der Schlüssel für die Erweiterung ist die .pkgdef Datei:

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

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

Beachten Sie, dass diese Erweiterung nichts tut Weniger Entdecken Sie die CSS-Sprache-Service-Support zu helfen; verschachtelte Regeln zum Beispiel funktionieren überhaupt nicht gut (es verwirrt den CSS-Sprachdienst).

Answer 3

Wenn Sie das Tool dotless.Compiler.exe (im Gegensatz zum http-Handler) verwenden, gibt es nichts zu sagen, dass Ihre Dateien mit .less enden müssen. Ich benenne mein Suffix meine .less Dateien mit .css, so dass Visual Studio sie wie CSS-Dateien behandelt. Z.B. meine Namenskonvention ist:

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

ich den dotless Compiler als Post-Build-Ereignis laufen, zum Beispiel

$(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