使用 ASP.NET MVC4 和 Razor 设计 HTML5 页面答案

【问题标题】：Designing HTML5 pages with ASP.NET MVC4 and Razor使用 ASP.NET MVC4 和 Razor 设计 HTML5 页面
【发布时间】：2012-12-06 07:27:15
【问题描述】：

我正在使用 Razor 引擎开发 ASP.NET MVC4 站点。我发现让我慢下来的一件事是网站的设计和样式。目前，我编辑视图、加载站点、转储 HTML 源代码，然后使用 Expression Web 进行编辑。

这很痛苦。它需要使用所有正确的 css 文件创建一个临时位置，创建“假”html 页面，然后将它们加载到编辑器中以获得我想要的外观，然后编辑我的 razor 视图以复制该外观。

我觉得我做错了。但我还没有看到任何其他选择。我梦想有一些类似 WPF 的设计视图，但我认为这不存在。除此之外，人们如何使用 MVC 和 Razor 设计富互联网应用程序？

【问题讨论】：

我从事 MVC 工作的大多数网上商店都运行 Visual Studio，只进行视图修改并刷新视图。随着诸如 Chrome 开发者工具之类的东西的出现，我们只是直接在 Chrome 上开发，而不使用除了 VS 之外的任何东西。
感谢 Paul，这也是我一直在做的事情——我使用 expression web 来处理一些事情（div 放置、css 创建和编辑），然后使用 chrome 开发工具来微调页面。

【解决方案1】：

我建议使用 Visual Studio 来获得非常高效的开发环境。 Click here to download VS 2012

它非常高效，因为可以通过此工具访问和更改所有文件类型，无需转储文件。这是微软的宝贝，他们投入了大量时间和精力使其成为 .NET 开发人员的终极工具。

【讨论】：

对不起，我没有得到你的答案。我正在使用 VS2012 编写我的应用程序。我知道我可以访问所有文件类型，但是您如何设计页面？ VS 不会直接渲染 Razor。那么如何查看页面来设计它而不显示页面然后保存html进行编辑呢？无论我当时使用 VS 还是 Expression Web，问题都是一样的。

【解决方案2】：

【讨论】：

这就像在 Chrome 或 IE 中按 F12...我可以启用和禁用样式和属性，但更改不会保留到 cshtml 页面...至少它并排。但这并不是对页面样式和布局的改进。转储到 html 并使用 Expression Web 仍然更有效。