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

Question

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

当使用传统的Web窗体开发在Visual Studio中的应用程序,在设计视图是非常方便的,它可以帮助你通过简单的拖拽,并从工具箱到设计页面下降的项目来创建用户控制和其他组件在您的网页.虽然它不允许定位和先进的造型,如Dreamweaver中做相反,它是一个非常有用的功能,如果你想避免痛苦的HTML格式和CSS样式(或者你没有HTML的良好的知识).

有没有办法用一个平面设计师创建视图布局,然后设计与景观的"逻辑"部分整合(即使用模型来填充一个从/ /提交数据到控制器)？

Answer 1

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

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

就设计网页而言,您可以查看表达式工具.

Answer 2

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

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

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

编辑

它看起来像是从Visual Studio 2015中删除它,甚至没有费心去发布解释原因.Smh ...如果我找到第三方解决方案,我会更新此信息.

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中的本机设计器视图支持那样丰富,但这些是一些实用的解决方法.