是否有ASP.NET MVC的图形设计器？

Question

我猜大多数使用Visual Studio的人在创建他们的第一个ASP.NET MVC项目时都有同样的反应：设计视图最终在哪里？

使用经典Web窗体在Visual Studio中开发应用程序时，设计视图非常方便，只需拖放项目即可帮助您在网页中创建用户控件和其他组件从工具箱到设计页面。虽然它不允许定位和高级样式，但正如Dreamweaver所做的那样，如果你想避免痛苦的HTML格式化和CSS样式（或者你没有很好的HTML知识），它是一个非常有用的功能。

有没有办法使用图形设计器来创建View布局，然后将设计与View的“逻辑”部分集成在一起（使用模型从/向控制器填充/提交数据的部分） ？

Answer 1

  

我猜大多数使用Visual Studio的人在创建他们的第一个ASP.NET MVC项目时都有同样的反应：设计视图最终在哪里？

完全没有。就个人而言，我从未在经典的Web表单中使用过设计视图，当我迁移到MVC时，它并没有真正产生任何影响。而且不仅如此，使用它也没有任何意义。我很高兴没有设计师不再使用我的代码了。我对Intellisense有足够的麻烦，如果你使用触摸幕后代码的设计师，事情会变得混乱。我需要的只是使用Intellisense完成标记，理想情况下理解HTML5。

就设计网页而言，您可以查看Expression tools。

Answer 2

是的，我有同样的反应，来自webforms背景。我需要图形设计师的持续反馈，让我知道我的代码有什么影响。学习MVC本身就是一个足够大的学习曲线，而不必蒙着眼睛。

现在已经4年了，我不介意将Page Inspector内置于VS 2013.如果您在2015年仍在使用VS 2010，我只能说，如果你升级，你永远不会回头。

只需右键单击代码，然后选择在页面检查器中查看。检查器中有一个 Inspect 按钮，您可以使用该按钮查看设计元素在代码中的位置。它可以节省你的时间。

修改

看起来他们已经从Visual Studio 2015中删除了它，并且甚至懒得发布解释原因。嗯......如果我找到第三方解决方案，我会更新。

Answer 3

我认为他们正在努力将其作为Expression Blend 5 Developer Preview的一项功能。

他们清楚地认识到在设计师中设计JS的问题，所以我怀疑他们意识到这同样适用于一些从事MVC应用的设计师。

微软的某个人告诉我“我认为在Blend for HTML中，使用交互模式，你可能会很好地设计MVC或MVVM模式”

同时查看Visual Studio Page Inspector它看起来会做所需的事情

现在在VS2013或更高版本中使用带有BrowserLink的WebEssentials

Answer 4

如果您正在寻找设计人员以获得HTML / cshtml更改的即时反馈，可以通过Visual Studio中的BrowserLink功能实现。触发浏览器并点击您当前正在设计的页面/视图，当您对标记/ cshtml进行任何更改时，点击Visual Studio中的刷新按钮，对代码所做的更新将立即推送到浏览器。

其他替代方法是使用Chrome开发者工具（F12）并使用“编辑为HTML”功能。

我知道这些替代品并不像Visual Studio中的本机设计器视图支持那样丰富，但这些是一些实用的解决方法。