<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h2><a href="Styles/CSS">CSS Bundle</a></h2>
<h2><a href="Scripts/custom/JS">JS Bundle</a></h2>
<h2><a href="StaticBundle">Static JS Bundle</a></h2>
<h2><a href="Scripts/bundle/Coffee">Dynamic JS Bundle</a></h2>
</asp:Content>
按 F5 运行应用程序，然后导航到 “优化 ”页。
单击 “动态 JS 捆绑包 ”链接以打开生成的文件。
请注意，此捆绑包中包含的内容仅包含 .coffee 文件。 还可以看到 CoffeeScript 代码已编译为 JavaScript，注释掉的行已被删除。
动态 JS 文件捆绑包
此外，可以按照附录 B 将此应用程序部署到 Windows Azure 网站 ：使用 Web 部署发布 ASP.NET MVC 4 应用程序。
此实验室可帮助你了解 Visual Studio 2012 中 ASP.NET 和 Web 开发中的新增功能，以及如何利用 Visual Studio 2012 中的各种增强功能。
通过完成此Hands-On实验室，你已了解如何在 Visual Studio 2012 编辑器中为 CSS、JavaScript 和 HTML 使用新功能和改进。 此外，你还了解了 Visual Studio 2012 如何实现内置捆绑和缩小。
附录 A：安装 Visual Studio Express 2012 for Web
可以使用 Microsoft Web 平台安装程序 安装 Microsoft Visual Studio Express 2012 for Web 或其他“Express”版本。 以下说明指导你完成使用 Microsoft Web 平台安装程序 安装 Visual Studio Express 2012 for Web 所需的步骤。
转到 [https://go.microsoft.com/?linkid=9810169] () https://go.microsoft.com/?linkid=9810169 。 或者，如果已安装 Web 平台安装程序，则可以打开它并搜索产品“Visual Studio Express 2012 for Web with Windows Azure SDK”。
单击“ 立即安装”。 如果没有 Web 平台安装程序 ，将重定向到先下载并安装它。
打开 Web 平台安装程序后，单击“安装”以启动安装程序。
安装Visual Studio Express
阅读所有产品的许可证和条款，然后单击“ 我接受 ”继续。
接受许可条款
等待下载和安装过程完成。
安装完成后，单击“ 完成”。
安装已完成
单击 “退出 ”关闭 Web 平台安装程序。
若要打开 web Visual Studio Express，请转到“开始”屏幕并开始编写“VS Express”，然后单击 VS Express for Web 磁贴。
VS Express for Web 磁贴
附录 B：使用 Web 部署发布 ASP.NET MVC 4 应用程序
本附录介绍如何从 Windows Azure 管理门户创建新网站，并发布通过遵循实验室获取的应用程序，并利用 Windows Azure 提供的 Web 部署发布功能。
任务 1 - 从 Windows Azure 门户创建新网站
转到 Windows Azure 管理门户 并使用与订阅关联的 Microsoft 凭据登录。
使用 Windows Azure，可以免费托管 10 个 ASP.NET 网站，然后在流量增长时进行缩放。 可以 在此处注册。
登录到 Microsoft Azure 管理门户
单击命令栏上的 “新建 ”。
创建新网站
单击 “计算 | 网站”。 然后选择“ 快速创建 ”选项。 提供新网站的可用 URL，然后单击“ 创建网站”。
Windows Azure 网站是可在云中运行的 Web 应用程序的主机，你可以控制和管理。 使用“快速创建”选项，可以从门户外部将已完成的 Web 应用程序部署到 Windows Azure 网站。 它不包括设置数据库的步骤。
使用“快速创建”创建新网站
等待新 网站 创建。
创建网站后，单击 URL 列下的链接。 检查新网站是否正常工作。
浏览到新网站
网站正在运行
Go back门户，然后单击“名称”列下的网站名称以显示管理页面。
打开网站管理页
在 “仪表板 ”页的 “快速概览 ”部分下，单击“ 下载发布配置文件 ”链接。
发布配置文件包含将 Web 应用程序发布到每个已启用发布方法的 Windows Azure 网站所需的所有信息。 发布配置文件包含有连接到并且验证该发布方法启用的每个端点所需的 URL、用户凭据和数据库字符串。 Microsoft WebMatrix 2、Microsoft Visual Studio Express for Web 和 Microsoft Visual Studio 2012 支持读取发布配置文件，以便自动配置这些程序，以便将 Web 应用程序发布到 Windows Azure 网站。
下载网站发布配置文件
将发布配置文件下载到已知位置。 在本练习中，你将了解如何使用此文件从 Visual Studio 将 Web 应用程序发布到 Windows Azure 网站。
保存发布配置文件
如果应用程序使用SQL Server数据库，则需要创建SQL 数据库服务器。 如果要部署不使用SQL Server的简单应用程序，可以跳过此任务。
需要SQL 数据库服务器来存储应用程序数据库。 可以在 Sql 数据库服务器 | 服务器的仪表板的 Windows Azure 管理门户中查看订阅中的SQL 数据库服务器 | 。 如果没有创建服务器，可以使用命令栏上的 “添加 ”按钮创建一个服务器。 记下 服务器名称和 URL、管理员登录名和密码，因为将在下一个任务中使用它们。 尚不创建数据库，因为它将在后续阶段创建。
SQL 数据库服务器仪表板
在下一个任务中，你将测试 Visual Studio 中的数据库连接，因此需要在服务器的 “允许 IP 地址”列表中包括本地 IP 地址。 为此，请单击“ 配置”，从 当前客户端 IP 地址 中选择 IP 地址，并将其粘贴到 “开始 IP 地址 ”和 “结束 IP 地址” 文本框中。 输入规则的名称，然后单击 
。
添加客户端 IP 地址
将 客户端 IP 地址 添加到允许的 IP 地址列表中后，单击“ 保存 ”以确认更改。
任务 3 - 使用 Web 部署发布 ASP.NET MVC 4 应用程序
Go back到 ASP.NET MVC 4 解决方案。 在Průzkumník řešení中，右键单击网站项目，然后选择“发布”。
导入在第一个任务中保存的发布配置文件。
导入发布配置文件
单击“ 验证连接”。 验证完成后，单击“ 下一步”。
在“验证连接”按钮旁边显示绿色复选标记后，验证将完成。
在 “设置” 页的“ 数据库 ”部分下，单击数据库连接文本框旁边的按钮 (，即 DefaultConnection) 。
Web 部署配置
按如下所示配置数据库连接：
在服务器名称中，使用 tcp： 前缀键入SQL 数据库服务器 URL。
在 用户名 中，键入服务器管理员登录名。
在 “密码” 中，键入服务器管理员登录密码。
键入新的数据库名称，例如： MVC4SampleDB。
配置目标συμβολοσειρά σύνδεσης
然后单击“确定”。 当系统提示创建数据库时，单击“ 是”。
创建数据库
用于在 Windows Azure 中连接到SQL 数据库的συμβολοσειρά σύνδεσης显示在“默认连接”文本框中。 然后单击“下一步”。
指向SQL 数据库的连接字符串
在 “预览” 页中，单击“ 发布”。
发布 Web 应用程序
发布过程完成后，默认浏览器将打开已发布的网站。
发布到 Windows Azure 的应用程序
) 和“
取消注释
”按钮 (
也为 CSS 编辑器启用) 。
) ”按钮注释所选行。 然后，单击“
取消注释
” (
) 按钮撤消更改。
) ，
展开
(
位于文本左边距的) 按钮。 请注意，现在可以隐藏不使用更简洁视图的样式。
) ”按钮显示颜色渐变，然后拖动渐变光标以选择其他颜色。 之后，单击 “眼滴器 ”按钮，然后从屏幕中选择任何颜色。 请注意，移动光标时背景色值会动态更改。