ASP.NET MVC Razor designer


Я представляю ASP.NET MVC для новой команды и один из вопросов, который часто возникает, - это "есть ли дизайнерский вид"

даже если это не для макета есть в visual studio design view для ASP.NET MVC3 с помощью Razor view engine.

7   51   2010-12-29 06:39:56

7 ответов:

нет, нет дизайнера. Вероятно, дизайнеру будет трудно даже знать, что во многих случаях подразумевается под кодом Razor.

Это действительно не так сложно просто используйте свой веб-браузер в качестве зрителя. Вы можете вносить изменения в HTML без необходимости перекомпиляции, просто внесите изменения, сохраните и обновите свой браузер.

EDIT (8/2/2013)

поскольку этот ответ был первоначально написан, Microsoft выпустила Visual Studio 2012, которая включает в себя функция называется Инспектором Страницы, который, хотя и не является истинным "дизайнером" в том, как был написан вопрос, он дает гораздо более приятный режим полу-живого просмотра. Это было улучшено в Visual Studio 2013 (который был RTM'D сегодня, 10/17/13).

Я использую окно веб-браузера и устанавливаю url my localhost вместо конструктора. вид > "другие окна" > "веб-браузер". Затем я разделил окна вертикально или горизонтально.

Я смог работать, используя следующий трюк:

  1. измените расширение файла razor На .HTML-код
  2. открыть документ
  3. после открытия документа измените расширение файла обратно .cshtml

Поздравляем, теперь у вас есть дизайнерский вид файла razor. Если вам нужна бритва intellisense, закройте и снова откройте его.

нет, в общем, вы должны попытаться держаться подальше от визуальных дизайнеров. Комбинация HTML / CSS / Javascript-это то, что просто не может быть сделано хорошо с визуальными дизайнерами, и краткосрочная боль от изучения их вручную будет стоить того. Как только вы хорошо их узнаете, вы будете кодировать более чистым и быстрым способом. Я часто использую Expression Web для выполнения начальных макетов перед копированием в Visual Studio.

Я знаю, что опаздываю на вечеринку, но ... .

вы можете обмануть IDE, как упоминалось выше, но если вы создаете приложения в MVC, вам должно быть удобно в представлении кода. Это более продуктивно, и большая часть адаптивного дизайна и реализации css может дать вам ложные результаты в режиме конструктора. Конструктор полезен в веб-формах. Но с помощью функции Browser Link в Visual Studio 2013 больше нет причин обманывать вашу IDE, вы можете открыть один-ко-многим браузерам и получить живые обновления туда и обратно из браузера в visual studio. Не могу победить это! Браузер находится там, где он есть!

Ссылка На Браузер!

установите следующее, и вы будете золотыми!

Microsoft Visual Studio 2013 Update 3
Web Essentials (зависит от обновления VS 3)

Я думаю, что они работают над этим, как функцию Expression Blend 5 Developer Preview .

Они четко признают проблему проектирования JS в дизайнере, поэтому я подозреваю, что они понимают, что то же самое относится к некоторым дизайнерам, работающим над приложениями MVC.

мне сказал кто-то из Microsoft "я думаю, что в Blend for HTML, используя интерактивный режим, вы, вероятно, будете просто в порядке с проектированием шаблонов MVC или MVVM"

также проверить Инспектор Страниц Visual Studio похоже, он будет делать то, что нужно

в Visual Studio 2013 добавлено ссылка на браузер это позволяет двустороннюю связь между браузером и Visual Studio. Это означает, что вы можете обновить браузер при изменении кода и мгновенно увидеть, как он выглядит. Также Вы можете изменить Css в браузере и сохранить его в Visual Studio

есть обходной путь он упоминается здесь http://www.codeproject.com/KB/aspnet/EnablingDesignerSupport.aspx