blocks|key|2507423|text|不，一般来说，你应该尽量避开视觉设计师。HTML/CSS/Javascript的组合是视觉设计者无法很好完成的，手动学习它们的短期痛苦将是值得的。一旦你很好地了解了这些，你就会以一种更干净、更快的方式进行编码。在将Expression+Web复制到Visual+Studio之前，我经常使用它进行初始布局。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2507424|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

No, in general you should try and steer clear from visual designers. The combination of HTML/CSS/Javascript is something that just cannot be done well with visual designers and the short term pain of learning these manually will be well worth it. Once you know these well you will be coding in a cleaner and quicker way. I often use Expression Web to do initial layouts before copying it to Visual Studio.

blocks|key|1571234|text|不，没有设计师。在很多情况下，设计者甚至很难知道Razor代码是什么意思。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1571235|仅仅使用你的网络浏览器作为浏览器并不是那么困难。您可以对HTML进行更改，而无需重新编译，只需更改、保存并刷新浏览器即可。|1571236|编辑(2013/8/2)|1571237|由于这个答案最初是写出来的，微软已经发布了Visual+Studio2012，其中包括一个名为Page+Inspector的功能，虽然它不是一个真正的“设计者”，但它确实提供了一个更好的半实时预览模式。这一点在Visual+Studio+2013中得到了改进(这是今天的RTM，10/17/13)。|offset|length|1571238|entityMap|0|LINK|mutability|MUTABLE|url|http://blogs.msdn.com/b/visualstudiouk/archive/2012/11/19/visual-studio-2012-page-inspector.aspx^0|0|0|0|1B|E|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@$H|V|I|W|1|X]]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

No, there is no designer. It would likely be difficult for a designer to even know what is meant by Razor code in many cases. 

It's really not so difficult to just use your web browser as a viewer. You can make changes to the HTML without having to recompile, just make the change, save, and refresh your browser. 

EDIT (8/2/2013)

Since this answer was originally written, Microsoft has released Visual Studio 2012 which includes a feature called <a href="http://blogs.msdn.com/b/visualstudiouk/archive/2012/11/19/visual-studio-2012-page-inspector.aspx" rel="noreferrer">Page Inspector</a>, which while not a true "designer" in the way that the question was written, it does give a much nicer semi-live preview mode. This has been improved in Visual Studio 2013 (which was RTM'd today, 10/17/13).

blocks|key|1571251|text|我使用web浏览器窗口，将url设置为我的localhost，而不是设计器。查看>“其他窗口”>+"web浏览器“。然后我垂直或水平地拆分窗口。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1571252|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I use a web browser window and set the url my localhost in place of the designer.
view > "other windows" > "web browser". I then split the windows vertically or horizontaly.

blocks|key|2507499|text|这里提到了解决方法http://www.codeproject.com/KB/aspnet/EnablingDesignerSupport.aspx|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2507500|entityMap|0|LINK|mutability|MUTABLE|url|http://www.codeproject.com/KB/aspnet/EnablingDesignerSupport.aspx^0|9|1T|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

There is workaround it is mentioned here <a href="http://www.codeproject.com/KB/aspnet/EnablingDesignerSupport.aspx" rel="nofollow">http://www.codeproject.com/KB/aspnet/EnablingDesignerSupport.aspx</a>

blocks|key|2507555|text|我认为他们正在努力将其作为Expression+Blend+5+Developer+Preview的一个功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2507556|他们清楚地认识到在设计器中设计JS的问题，所以我怀疑他们意识到这一点同样适用于一些使用MVC应用程序的设计者。|2507557|Microsoft的一个人告诉我：“我认为在Blend+for+HTML中，使用交互模式，您可能会很好地设计MVC或MVVM模式。”|2507558|另外，请查看Visual+Studio+Page+Inspector，它看起来可以完成所需的任务|2507559|在Visual+Studio2013中添加了browser+link，这允许浏览器和Visual+Studio之间的双向通信。这意味着您可以在更改代码时刷新浏览器，并立即看到它的外观。您还可以在浏览器中更改Css并将其保存在Visual+Studio中|2507560|entityMap|0|LINK|mutability|MUTABLE|url|http://blogs.msdn.com/b/somasegar/archive/2011/09/13/expression-blend-for-html.aspx|1|http://channel9.msdn.com/posts/Visual-Studio-vNext-Introducing-Page-Inspector|2|http://blogs.msdn.com/b/webdev/archive/2013/06/28/browser-link-feature-in-visual-studio-preview-2013.aspx^0|D|10|0|0|0|0|6|S|1|0|M|C|2|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|12|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|13|8|@]|9|@$A|14|B|15|1|16]]|C|$]]|$1|J|3|K|5|6|7|17|8|@]|9|@$A|18|B|19|1|1A]]|C|$]]|$1|L|3|-4|5|6|7|1B|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]|T|$5|O|P|Q|C|$R|U]]|V|$5|O|P|Q|C|$R|W]]]]

I think they are working on that as a feature for <a href="http://blogs.msdn.com/b/somasegar/archive/2011/09/13/expression-blend-for-html.aspx" rel="nofollow">Expression Blend 5 Developer Preview</a> .

They clearly recognise the issue of designing JS in the designer so I suspect they realise the same applies to some designers working on MVC applications.

I was told by someone from Microsoft "I think in Blend for HTML, using interactive mode, you would probably be just fine with designing MVC or MVVM patterns"

Also check out <a href="http://channel9.msdn.com/posts/Visual-Studio-vNext-Introducing-Page-Inspector" rel="nofollow">Visual Studio Page Inspector</a> it looks like it will do what is needed

In Visual Studio 2013 added <a href="http://blogs.msdn.com/b/webdev/archive/2013/06/28/browser-link-feature-in-visual-studio-preview-2013.aspx" rel="nofollow">browser link</a> this allows two way communication between browser and Visual Studio. It means you can refresh browser when you change code and instantly see how it looks. Also you can change Css in the browser and have it saved in Visual Studio

blocks|key|440221|text|我能够使用下面的技巧工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|440222|440223|将剃刀文件的扩展名更改为.html|ordered-list-item|440224|在打开文档的情况下打开document+|440225|，然后将文件扩展名改回.cshtml|440226|440227|恭喜，您现在拥有了剃刀文件的设计者视图。如果您需要razor+intellisense，请关闭并重新打开它。|440228|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|P|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|R|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|S|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

I was able to work using the following trick:

<ol>
<li>change the razor file's extension to .html</li>
<li>Open the document</li>
<li>with the document open, change file extension back to .cshtml</li>
</ol>

Congratulations, you now have a designer's view of the razor file. If you need razor intellisense, close and re-open it.

blocks|key|4103750|text|我知道我来晚了，但是..|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4103751|您可以像上面提到的那样欺骗IDE，但是如果您是在MVC中构建应用程序，那么您应该习惯于使用代码视图。它的工作效率更高，而且大多数响应式设计和css实现都会在设计视图中给出错误的结果。Designer在WebForms中很有用。但有了Visual+studio+2013中的浏览器链接功能，就不再有任何理由欺骗你的IDE，你可以打开一对多的浏览器，并在浏览器和visual+Studio之间来回获取实时更新。没有比这更好的了！浏览器在它所在的位置！|4103752|Browser+Link!|offset|length|4103753|安装下面的软件，你就会成为金子！|4103754|Microsoft+Visual+Studio+2013+Update+3|4103755|Web+Essentials+(依赖于VS更新3)|4103756|entityMap|0|LINK|mutability|MUTABLE|url|http://blogs.msdn.com/b/webdev/archive/2013/06/28/browser-link-feature-in-visual-studio-preview-2013.aspx|1|http://www.microsoft.com/en-us/download/details.aspx?id=43721|2|http://visualstudiogallery.msdn.microsoft.com/56633663-6799-41d7-9df7-0f2a504ca36^0|0|0|0|D|0|0|0|0|11|1|0|0|E|2|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@$F|12|G|13|1|14]]|A|$]]|$1|H|3|I|5|6|7|15|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|16|8|@]|9|@$F|17|G|18|1|19]]|A|$]]|$1|L|3|M|5|6|7|1A|8|@]|9|@$F|1B|G|1C|1|1D]]|A|$]]|$1|N|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U]]|V|$5|Q|R|S|A|$T|W]]|X|$5|Q|R|S|A|$T|Y]]]]

I know I am late to the party, but..

You can trick the IDE as mentioned above, but if you are building applications in MVC, you should be comfortable in code view. It is more productive and most of the responsive design and css implementation can give you false results in design view. Designer is useful in WebForms. But with the Browser Link feature in Visual Studio 2013, there is no longer any reason to trick your IDE, you can have one-to-many browsers open and get live updates back and forth from browser to visual studio. Can't beat that! The browser is where it's at!

<a href="http://blogs.msdn.com/b/webdev/archive/2013/06/28/browser-link-feature-in-visual-studio-preview-2013.aspx" rel="nofollow">Browser Link!</a>

Install the following and you will be golden!

<a href="http://www.microsoft.com/en-us/download/details.aspx?id=43721" rel="nofollow">Microsoft Visual Studio 2013 Update 3</a> 
<a href="http://visualstudiogallery.msdn.microsoft.com/56633663-6799-41d7-9df7-0f2a504ca36" rel="nofollow">Web Essentials</a> (Dependent on VS Update 3)

I am introducing ASP.NET MVC to a new team and one of the questions that comes up often is "Is there a designer view"

Even if it's not for layout is there an IN visual studio design view for ASP.NET MVC3 using the razor view engine.

ASP.NET MVC Razor designer

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在向一个新团队介绍ASP.NET MVC，其中一个经常出现的问题是“有没有设计者视图？”即使不是为了布局，也有一个使用剃刀视图引擎的ASP.NET MVC3的visual studio设计视图。

问ASP.NET MVC剃刀设计器
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ASP.NET MVC剃刀设计器EN