21

.lessに基づくPhilHaackのT4CSST4テンプレートを使用しています

Philのソリューションの悪い点の1つは、VisualStudioが.lessファイルをcssファイルではなくプレーンテキストファイルとして開くことです。（したがって、インテリセンスはありません。）

VSにCSSソースエディタで.lessファイルを開かせるにはどうすればよいですか？

私はもう試した：

  1. 右クリック>[プログラムから開く]をクリックしますが、CSSソースエディタが表示されません。
  2. [ツール]>[オプション]>[テキストエディター]>[ファイル拡張子]が表示されますが、CSSソースエディターは表示されません。

これはできますか？

4

4 に答える 4

26

これを行う拡張機能を投稿しました。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 言語サービスを混乱させます)。

于 2010-03-01T01:18:35.557 に答える
13

Midscape の Web Workbench Visual Studio Extension は、構文の強調表示や Intellisense など、.less ファイルのサポートを追加します。また、SASS と CoffeeScript のサポートも追加されています。

于 2011-07-19T19:52:51.983 に答える
7

dotless.Compiler.exe ツール (http ハンドラーではなく) を使用している場合、ファイルが .less で終わらなければならないことは言うまでもありません。Visual Studio がそれらを css ファイルのように扱うように、.less ファイルに .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"
于 2010-11-16T23:40:31.220 に答える
1

.less ファイルで Visual Studio 2010 .css Intellisense を有効にする方法

于 2011-02-11T21:03:47.070 に答える