web-dev-qa-db-ja.com

Visual Studio 2013は.lessファイルからCSSファイルを生成できますか？

Visual Studio 2013は素晴らしく、構文ハイライトと.lessファイル。しかし、それぞれのCSSファイルも生成しますか？そのために他の拡張機能をインストールする必要がありますか？

csslessvisual-studio-2013
64
Lucian

はい。VisualStudio 2013にはLESSコンパイラが組み込まれていないため、独自に用意する必要があります。 IDE内からLESSファイルをコンパイルできるように、外部コンパイラを使用するか、拡張機能をインストールできます。

33
BoltClock

Visual Studioにプラグインをインストールしたくない場合、外部コンパイラを使用できます。

現在、私は Koala を使用しています。LESSファイルを保存するたびに、出力フォルダーで自動的にコンパイルします。

GUI Compilers についての公式LESSページをご覧ください。

24
Wellington Zanelli

コンパイルに問題がありましたBootstrap LESS（Twitter.Bootstrap.Less NuGetをインストールした後）。

WebEssentialsのコツは、bootstrap.lessファイルを保存する必要があり（スペースを入力してからdeleteキーを押すだけで十分です）、保存することです。対応する.css、.min.css、css.mapファイルは自動的に生成され、ソリューションエクスプローラーの.lessファイルの下にネストされて表示されます。

6
NickBeaugié

簡単：

  1. [ツール]-> [拡張機能と更新プログラム]-> [Web Extension Packのインストール（Mads Kristensen's）]
  2. プロジェクトで、「追加」->「新規アイテム」->「スタイルシートの削減」
  3. .lessを編集してファイルを保存します
  4. .lessファイルを右クリック-> Webコンパイラ->ファイルの再コンパイル

その後、結果の.cssファイルは、ファイルを保存するたびに生成されます。

4
Jorge Goncalves

保存した後にLESSをコンパイルするもう1つの小さなツールはWinLessです。

多くのオプションはありませんが、小さくてシンプルです。そして、それは仕事をします！

http://www.winless.org/

他のユーザーの経験がわからないが、WebEssentials 2013はVisual Studio 2013（Ultimate）と設定を使用するマシンではうまく機能しません。使用したくない。

2
Chieleman

また、Chirpyを使用して、MSが見逃していた多くの最新のWebテクノロジーを編集できます。

http://chirpy.codeplex.com/

0
edokan