2010-12-29 19 views
52

Ich stelle ASP.NET MVC zu einem neuen Team und eine der Fragen, die oft kommt ist „Gibt es einen Designer Ansicht“ASP.NET MVC Razor Designer

Auch wenn es nicht für das Layout ist dort ein IN visuelle Studio Design-Ansicht für ASP.NET MVC3 mit der Rasierer-View-Engine.

+3

nein, gibt es nicht. weil es keine Serversteuerelemente wie bei Webformularen gibt. alles ist deklarativ, was würdest du "ziehen und fallen lassen"? – RPM1984

+0

Ich möchte nichts ziehen und fallen lassen. Ich bin auf der Suche nach einem neuen Team, um eine Möglichkeit zu finden, ihre Ansichten im Visual Studio zu sehen. – detroitpro

+1

Einfach. Nicht. Verwenden Sie stattdessen einen Webbrowser. Visuelle Designer sind eine Krücke für schlechte Webentwickler, zeigen oft inkorrektes/ungültiges HTML an und nehmen es zu lange zum Rendern. Mein Rat wäre, die Designer-Funktionalität in VS vollständig zu deaktivieren. –

Antwort

54

Nein, es gibt keinen Designer. Es wäre wahrscheinlich schwierig für einen Designer zu wissen, was in vielen Fällen mit Razor-Code gemeint ist.

Es ist wirklich nicht so schwer, nur Ihren Webbrowser als Viewer zu verwenden. Sie können Änderungen am HTML-Code vornehmen, ohne erneut zu kompilieren. Nehmen Sie einfach die Änderung vor, speichern Sie und aktualisieren Sie Ihren Browser.

EDIT (8/2/2013)

Da diese Antwort ursprünglich geschrieben wurde, hat Microsoft Visual Studio 2012 veröffentlicht, die eine Funktion Page Inspector, die zwar nicht zu einer echten „Designer“ in der Art und Weise, dass die Frage gestellt beinhaltet wurde geschrieben, es gibt einen viel schöneren Semi-Live-Vorschau-Modus. Dies wurde in Visual Studio 2013 verbessert (das RTM wurde heute, 17.10.13).

+13

Nur um ein wenig zu verdeutlichen, können Sie Änderungen an jeder Ansicht, Teilansicht oder Masterseite vornehmen, ohne dass Sie eine Neukompilierung durchführen müssen, die alle Inline-C# enthält, die Sie geschrieben haben, nicht nur HTML. Nur Klassendateien müssen neu kompiliert werden. –

+0

Sie sind genau dort! – chiccodoro

+0

Der Designer ist der Art, wie die alten Designer eine Art "Meta" waren, am nächsten: Sie können Server-Design-Steuerelemente verwenden, die die Funktionsweise des Codes manipulieren und nicht die vom Code gerenderten Steuerelemente. Manager-Konsolenbefehle wie Scaffold, die Dinge wie Razor-Ansichten für Sie generieren. Sie können diese Befehle oder ähnliche Befehle, die Sie schreiben, möglicherweise verwenden, um neuen Entwicklern zu helfen, mit guten Konturen für ihren Code zu beginnen. –

5

Nein, im Allgemeinen sollten Sie versuchen, visuelle Designer zu vermeiden. Die Kombination von HTML/CSS/Javascript ist etwas, das mit visuellen Designern einfach nicht gut gemacht werden kann und der kurzfristige Schmerz, diese manuell zu lernen, wird es wert sein. Sobald Sie diese gut kennen, werden Sie sauberer und schneller codieren. Ich verwende Expression Web häufig, um erste Layouts vor dem Kopieren in Visual Studio zu erstellen.

11

Ich benutze ein Webbrowserfenster und setze die URL mein localhost anstelle des Designers. Ansicht> "andere Fenster"> "Webbrowser". Dann habe ich die Fenster vertikal oder horizontal geteilt.

+0

Dies ist sehr gut, außer dass ich manchmal JavaScript Fehler Popup bekomme, während nicht passiert, wenn das Projekt in IE. – anIBMer

+0

Dies ist eine clevere Problemumgehung – hanzolo

2

ich glaube, sie für Expression Blend 5 Developer Preview auf, dass als Merkmal arbeiten.

Sie erkennen eindeutig das Problem des Entwerfens von JS im Designer, so dass ich vermute, dass sie das gleiche gilt für einige Designer, die an MVC-Anwendungen arbeiten.

mir von jemandem von Microsoft wurde gesagt, „Ich denke, in Mischung für HTML, interaktiven Modus verwenden, würden Sie wahrscheinlich mit der Gestaltung MVC oder MVVM Muster be just fine“

überprüfen Sie auch Visual Studio Page Inspector sieht es aus wie es tut Was benötigt wird

In Visual Studio 2013 hinzugefügt browser link ermöglicht dies Zwei-Wege-Kommunikation zwischen Browser und Visual Studio. Es bedeutet, dass Sie den Browser aktualisieren können, wenn Sie den Code ändern und sofort sehen, wie er aussieht. Sie können auch Css im Browser ändern und haben es in Visual Studio gespeichert

8

Ich konnte mit dem folgenden Trick arbeiten:

  1. Änderung der Erweiterung der Rasierer-Datei .html
  2. öffnen Sie das Dokument
  3. mit dem Dokument öffnen, Dateierweiterung ändern

Gratulation an .cshtml zurück, haben Sie jetzt einen Blick auf den Rasierer-Datei des Designers. Wenn Sie Rasierer-Intellisense benötigen, schließen und öffnen Sie sie erneut.

+2

Total hack, aber ich mag es! Ich benutze es nicht, aber ich mag die Tricks! –

2

Ich weiß, ich bin spät zur Party, aber ..

Sie können die IDE Trick, wie oben erwähnt, aber wenn Sie Anwendungen in MVC bauen, sollten Sie in der Codeansicht bequem sein. Es ist produktiver und die meisten Responsive Design- und CSS-Implementierungen können in der Designansicht falsche Ergebnisse liefern. Designer ist in WebForms nützlich. Aber mit der Funktion "Browser Link" in Visual Studio 2013 gibt es keinen Grund mehr, Ihre IDE zu tricksen. Sie können One-to-Many-Browser öffnen und Live-Updates vom Browser zum Visual Studio erhalten. Kann das nicht schlagen! Der Browser ist da, wo es ist!

Browser Link!

Installieren Sie das folgende, und Sie werden golden sein!

Microsoft Visual Studio 2013 Update 3
Web Essentials (Abhängig von VS Update 3)