ビジュアルスタジオのHTMLデザイナーはどこにありますか?


94

Visual Studio HTMLデザイナーはどこにありますか?HTMLデザイナーにはオプションがあるようですが、開くことができません。 HTMLデザイナオプションノードがあります。

なぜデザイナーが見つからないのか、どうやってそれを開くのかを聞きたいだけです。HTMLファイルを作成すると、HTMLコードに移動します。

回答:


202

デフォルトのHTMLエディター(静的HTML用)にはデザインビューがありません。デフォルトのエディターを、デザインビューのあるWebフォームエディターに設定するには、

  1. Visual StudioのソリューションエクスプローラーでHTMLファイルを右クリックし、 Open with
  2. を選択 HTML (web forms) editor
  3. クリック Set as default
  4. クリックしてOK、ボタン

それが終わったら、以下に示すようにdesign、クリックまたはsplit表示するだけです。

上記のオプションの場所を示すスクリーンショット


1
これがうまくいかなかったので、私は手順を実行しましたが、下部にある[デザイン]または[分割]のオプションがありません。1つだけあります-ソース!
erotavlas

2
ファイルエクスプローラー(Windows)ではなく、Visual Studioのソリューションエクスプローラーでも行う必要があります。私の顧客の1人は、空のプロジェクトを作成し、空のHTMLファイルを作成し、それを右クリックして、メニューで正しい開くメニューを表示することができました
Sam

3
Webフォームエディターをデフォルトにしましたが、これを行った後、ソリューションで既存のCSHTMLまたはHTMLページを開こうとすると、ページがすべて空白になり、デザインが表示されません。分割| 下部にあるソースタブ。これは、追加を使用してhtmlまたはcshtmlファイルをプロジェクトに追加した場合にも発生します。[新規]-> [ファイル]メニューを使用してHTMLファイルを作成するだけの場合、デザイン| Spliut | 下部に表示されるソースタブ。このIDEの狂気は何ですか?
Darren Evans、

1
@DarrenEvans cshtmlファイルはエディターと互換性がありません(単にhtmlにファイル名を変更しても、変更されません)。
アンソニーニコルズ

3
Visual Studio 2017はこれを無視しているようです。「ソース」のみを表示します。
Nicke Manarin 2017

29

デフォルトをHTML Webフォームエディタに設定する別の方法は次のとおりです。

  1. Visual Studioのトップメニューに移動しFileますNew>>File
  2. 選択する HTML Page
  3. Openボタンの[新しいファイル]ダイアログの右下隅に下矢印があります。
  4. それをクリックすると、オプションが表示されます Open With
  5. 選択する HTML (Web Forms) Editor
  6. クリック Set as Default
  7. 押す OK

新しいファイルを作成するときに[プログラムから開く]ダイアログボックスにアクセスする方法を示すスクリーンショット。


新しいファイルの「開く」(VS 2015)を取得しないでくださいしかし、あなたはソリューションエクスプローラウィンドウで、その後、それを作成することができ、あなたは右クリックして選択することができOpen With...、その後HTML (Web Forms) Editor以前のように。
kjhf 2017

@kjhf "Open With"は新VS2015バージョンにもあります。少し下に移動しました。File Dialog
南部の

@cflyerソリューションを共有していただき、ありがとうございました。具体的には、シーンショットとともにステップバイステップで説明しました。それは私を助けました。
2017

7

[ツール、オプション]の[Webフォームデザイナ]セクションに移動し、[Webフォームデザイナを有効にする]オプションを有効にします。これで、[デザインと分割]オプションが再び表示されます。


私にとって、このオプションはすでに有効になっていますが、他の編集ビューを使用できませんでした。
JohnC 2017年

おかげで、これは「ビューを垂直に分割」オプションがある場所でもあります。有効にするには再起動が必要です。
UweBaemayr

4

HTML(Webフォーム)デザイナを使用して新しいHTMLファイルを作成するソリューションは、そのファイルに対しては機能しましたが、編集したい他の個々のHTMLファイルに対しては機能しませんでした。

[ファイルを開く]ダイアログで[アプリケーションから開く]オプションが見つかりましたが、そこでHTML(Webフォーム)エディターを選択できました。そのウィンドウで[デフォルトに設定]オプションをクリックすると、VSは他のHTMLファイルを開いたときにそのエディターを使用することを思い出しました。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.