用于 Visual Studio 2012 的 Bootstrap MVC4 脚手架

Question

我正在 Visual Studio 2012 中开发一个 ASP.NET MVC4 应用程序。我也在使用 twitter 引导程序。

每当我生成一个新的 Controller 时，VS2012 都会自动为我生成默认的 CRUD 页面，这很好。

但是我已经厌倦了修改页面，以便按照引导程序需要的方式布置 DIV。

是否有 VS2012 插件可以帮助按照引导程序期望的方式生成这些视图？

这是一个由 VS2012 生成的示例 div。

<div class="editor-label">
    @Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.Name)
    @Html.ValidationMessageFor(model => model.Name)
</div>

..我会手动将其更改为...

<div class="editor-label control-group">
    @Html.LabelFor(model => model.Name, new { @class = "control-label" })
    <div class="editor-field controls">
        @Html.EditorFor( model => model.Name, "CustomTemplate", 
                                     new { @class = "input-xlarge" })
        @Html.ValidationMessageFor(model => model.Name)
    </div>
</div>

Answer 1

ASP.NET MVC 使用T4 templates 通过“添加视图”和“添加控制器”对话框构建视图（以及控制器）。

您可以使用自定义 Bootsrtap 标记轻松自定义这些模板。

您只需要复制CodeTemplates 目录（路径在您的机器上可能因安装的操作系统、VS 和 ASP.NET MVC 版本而异）

c:\Program Files (x86)\
    Microsoft Visual Studio 10.0\Common7\IDE\ItemTemplates\CSharp\Web\MVC 4

在 CodeTemplates 目录下的 MVC 项目中，它们已准备好进行自定义。

这里有一个很好的分步指南：Modifying the default code generation/scaffolding templates in ASP.NET MVC

如果你想更进一步，我建议你查看MVC.Scaffolding 项目，它比内置的功能更多。

或者因为您正在寻找针对 Bootstrap 的自定义，您可以查看 twitter.bootstrap.mvc 项目 (intro blog post)

它的一些features：

• 运行时脚手架 - 默认索引、编辑和详细信息视图。您提供 POCO，我们将渲染 CRUD 视图。
• MVC 代码模板从 mvc 添加视图/添加控制器对话框生成新视图

自定义 MVC 代码模板（仍在进行中）在单独的 nuget 包中提供：

PM> Install-Package twitter.bootstrap.mvc4.templates