web-dev-qa-db-ja.com

ASP.NET MVC Razorデザイナー

ASP.NET MVCを新しいチームに紹介していますが、よくある質問の1つは「デザイナービューはありますか」です。

レイアウト用ではない場合でも、カミソリビューエンジンを使用したASP.NET MVC3用のINビジュアルスタジオデザインビューがあります。

asp.net-mvcrazor
53
detroitpro

いいえ、デザイナーはいません。多くの場合、デザイナーがRazorコードの意味を知ることさえ難しいでしょう。

Webブラウザをビューアとして使用することは、それほど難しくありません。再コンパイルせずにHTMLに変更を加えるだけで、変更を加え、ブラウザを保存して更新することができます。

編集（2013年8月2日）

この回答が最初に書かれたので、Microsoftは Page Inspector と呼ばれる機能を含むVisual Studio 2012をリリースしました。より良いセミライブプレビューモード。これはVisual Studio 2013（今日は10/17/13のRTMでした）で改善されました。

55
Erik Funkenbusch

Webブラウザーウィンドウを使用し、デザイナーの代わりにlocalhostのURLを設定します。表示>「他のウィンドウ」>「ウェブブラウザ」。次に、ウィンドウを垂直または水平に分割します。

10
4ks

次のトリックを使用して作業することができました。

  1. かみそりファイルの拡張子を.htmlに変更します
  2. 文書を開く
  3. ドキュメントを開いた状態で、ファイル拡張子を.cshtmlに戻します

おめでとうございます。かみそりファイルの設計者の見方ができました。かみそりインテリセンスが必要な場合は、閉じて再度開きます。

8
BraveNewMath

いいえ、一般的には、ビジュアルデザイナーから明確に操作する必要があります。 HTML/CSS/Javascriptの組み合わせは、ビジュアルデザイナーではうまく行えないものであり、これらを手作業で習得する短期的な痛みは、それだけの価値があります。これらをよく理解すれば、よりクリーンで迅速な方法でコーディングできます。 Expression Webを使用して、Visual Studioにコピーする前に初期レイアウトを行うことがよくあります。

4
Craig

Expression Blend 5 Developer Preview の機能として、彼らはそれに取り組んでいると思います。

彼らはデザイナーでJSを設計する問題を明確に認識しているので、MVCアプリケーションで作業している一部のデザイナーにも同じことが当てはまると思います。

Microsoftの誰かから、「インタラクティブモードを使用して、Blend for HTMLでは、おそらくMVCまたはMVVMパターンの設計で十分だと思う」と言われました。

また、チェックアウト Visual Studio Page Inspector 必要なことを行うようです

Visual Studio 2013で ブラウザーリンク が追加され、ブラウザーとVisual Studio間の双方向通信が可能になりました。つまり、コードを変更したときにブラウザーを更新し、その外観を即座に確認できます。また、ブラウザでCssを変更してVisual Studioに保存することもできます

2
GraemeMiller

私はパーティーに遅れていることを知っていますが、..

上記のようにIDEをだますことができますが、MVCでアプリケーションを構築している場合は、コードビューに慣れている必要があります。デザイナはWebフォームで役立ちますが、Visual Studio 2013のブラウザリンク機能を使用すると、IDEをだます理由がなくなり、1対多のブラウザを開いてライブアップデートを取得できますブラウザからビジュアルスタジオに行き来します。それを打ち負かすことはできません！ブラウザはまさにその場所です！

ブラウザリンク！

以下をインストールすると、黄金色になります！

Microsoft Visual Studio 2013 Update
Web Essentials （VS Update 3に依存）

2
Eric Bishard