Dov'è lo studio visivo HTML Designer?


94

Dov'è il Designer HTML di Visual Studio? Vedo che ci sono opzioni per HTML Designer ma non riesco ad aprirlo. C'è un nodo delle opzioni di HTML Designer!

Quindi voglio solo chiedere perché non riesco a trovare il designer e come lo apro. Quando creo un file HTML, va solo al codice HTML.

Risposte:


202

L'editor HTML predefinito (per HTML statico) non ha una visualizzazione struttura. Per impostare l'editor predefinito sull'editor dei moduli Web che dispone di una visualizzazione struttura,

  1. Fare clic con il pulsante destro del mouse su qualsiasi file HTML in Esplora soluzioni in Visual Studio e fare clic su Open with
  2. Seleziona il HTML (web forms) editor
  3. Clicca su Set as default
  4. Fare clic sul OKpulsante

Dopo averlo fatto, tutto ciò che devi fare è fare clic su designo splitvisualizzare come mostrato di seguito:

Screenshot che mostra la posizione di dette opzioni


1
Aiuta questo non ha funzionato per me, voglio dire che ho seguito i passaggi ma non ottengo le opzioni in basso per Design o Split. Ce n'è solo una: Fonte!
erotavlas

2
Devi anche farlo in Esplora soluzioni in Visual Studio, non in Esplora file (Windows). Per uno dei miei clienti abbiamo dovuto creare un progetto vuoto, creare un file HTML vuoto e quindi fare clic con il pulsante destro del mouse per vedere l'apertura corretta con menu
Sam

3
Ho appena impostato l'editor di moduli Web come predefinito, ma se provo ad aprire pagine CSHTML o HTML esistenti nella mia soluzione dopo averlo fatto, le pagine sono tutte vuote e non c'è ancora Design | Split | Schede di origine in basso. Ciò accade anche se utilizzo Aggiungi per aggiungere un file html o cshtml al mio progetto. Se utilizzo il menu Nuovo -> File per creare un file HTML, le cose vanno bene con Design | Spliut | Schede di origine visualizzate in basso. Cos'è questa follia dell'IDE?
Darren Evans

1
I file cshtml @DarrenEvans non sono compatibili con l'editor (rinominarli semplicemente in html non cambierà questo).
Anthony Nichols

3
Visual Studio 2017 sembra ignorarlo. Mostra solo "Fonte".
Nicke Manarin

29

Un altro modo per impostare il valore predefinito per l'editor di moduli Web HTML è:

  1. Nel menu superiore in Visual Studio andare a File> New>File
  2. Selezionare HTML Page
  3. Nell'angolo in basso a destra della finestra di dialogo Nuovo file sul Openpulsante è presente una freccia verso il basso
  4. Fai clic e dovresti vedere un'opzione Open With
  5. Selezionare HTML (Web Forms) Editor
  6. Clic Set as Default
  7. stampa OK

Screenshot che mostra come arrivare alla finestra di dialogo "Apri con" quando si crea un nuovo file.


Non avere un "Apri con" per un nuovo file (VS 2015), ma si può creare, quindi nella finestra Esplora soluzioni, è possibile fare clic destro e scegliere Open With...quindi HTML (Web Forms) Editorcome prima.
kjhf

@kjhf "Apri con" è presente anche nella nuova VS2015versione. Si è spostato leggermente al di sotto. Lo vedrai in fondo alFile Dialog
nam

@cflyer Grazie per aver condiviso la tua soluzione, descrivendola in particolare passo dopo passo insieme a uno sceenshot. Mi ha aiutato.
nam

7

Vai a [Strumenti, Opzioni], sezione "Web Forms Designer" e abilita l'opzione "Abilita Web Forms Designer". Questo dovrebbe darti di nuovo l'opzione Design and Split.


Per me questa opzione era già abilitata ma non rendeva disponibili le altre visualizzazioni di modifica.
JohnC

Grazie - qui è anche l'opzione "Dividi viste verticalmente". Richiede un riavvio per avere effetto.
UweBaemayr

4

La soluzione di creare un nuovo file HTML con HTML (Web Forms) Designer ha funzionato per quel file ma non per altri singoli file HTML che volevo modificare.

Ho trovato l'opzione Apri con nella finestra di dialogo Apri file e sono stato in grado di selezionare l'editor HTML (Web Form) lì. Dopo aver fatto clic sull'opzione "Imposta come predefinito" in quella finestra, VS si è ricordato di utilizzare quell'editor quando ho aperto altri file HTML.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.