一起谈.NET技术,VS 2010 和 .NET 4.0 系列之《代码优化的Web开发Profile》篇

简介: 本系列文章导航VS 2010 和 .NET 4.0 系列之《ASP.NET 4 中的SEO改进 》篇VS 2010 和 .NET 4.0 系列之《干净的Web.Config文件 》篇VS 2010 和 .

本系列文章导航

VS 2010 和 .NET 4.0 系列之《ASP.NET 4 中的SEO改进 》篇

VS 2010 和 .NET 4.0 系列之《干净的Web.Config文件 》篇

VS 2010 和 .NET 4.0 系列之《起始项目模板》篇

VS 2010 和 .NET 4.0 系列之《多定向支持》篇

VS 2010 和 .NET 4.0 系列之《多显示器支持》篇

VS 2010 和 .NET 4.0 系列之《代码优化的Web开发Profile》篇

VS 2010 和 .NET 4.0 系列之《ASP.NET, HTML, JavaScript 代码片段支持》篇

VS 2010 和 .NET 4.0 系列之《自动启动ASP.NET应用》篇

VS 2010 和 .NET 4.0 系列之《在ASP.NET 4 Web Forms中实现URL导向》篇

VS 2010 和 .NET 4.0 系列之《在VS 2010中查询和导航代码》篇

VS 2010 和 .NET 4.0 系列之《VS 2010代码智能提示的改进》篇

VS 2010 和 .NET 4.0 系列之《添加引用对话框的改进》篇

VS 2010 和 .NET 4.0 系列之《内置图表控件》篇

  这是我针对即将发布的VS 2010 和 .NET 4所撰写的 贴子系列的第五篇。

  今天的贴子讨论一个我们在VS 2010中新引进的“Web开发 (代码优化了的/Code Optimized)”配置集(profile)选项,它允许你可选择地配置Visual Studio在这样一个IDE布局模式中运行,该模式隐藏了“所见即所得(WYSIWYG)” web设计器,围绕着丰富的“侧重于代码编辑”的工具体验做了优化。

  VS 2010 Web 配置集(profiles)

  在你第一次运行VS 2010时,它会提示你选择一个要使用的IDE profile。你所选择的profile会配置工具窗口在IDE中是怎么默认显示和定位的,并且设置默认的键盘快捷键。然后你可以使用IDE中的“工具->选项”菜单对这些设置进行定制,对它们进行修改。之后,你还可以通过选择“工具->导入和导出设置”菜单命令进行重置,选择不同的profile。

  在你第一次运行VS 2010 Beta2时,你会注意到选项列表中包含了2个“Web开发”profile:

  第一个“Web开发” profile 是VS 2008中现有web开发profile选项的演化版(内含一些很棒的帮助改善VS 2010中屏幕使用面积方面的改进)。它还允许你利用我们在VS 2010中完成了的极好的WYSIWYG HTML和ASP.NET网页设计器方面的所有改进(在这个系列的以后贴子中,我会对此做详述)。

  第二个“Web开发(Code Optimized)” profile 选项是我们在VS 2010中新引进的 profile ,针对那些在做web开发时不想要使用WYSIWYG设计器的web开发人员做了优化,这些开发人员在开发网页时看重“源码唯一(source only)”的编辑体验。这个IDE profile 选项把WYSIWYG网页设计器隐藏了起来,配置一个最大化显示在屏幕上代码量的默认IDE布局(带最少的工具条和工具窗口),它还给网页提供了完整的intellisense/调试和源码编辑器体验。

  比较VS 2010中的Web开发profile

  你可以通过比较施用这2种“Web开发” profile 之后的Visual Studio IDE布局的屏幕截图来感觉一下这2种 profile 间的区别:

  “Web开发” Profile 的屏幕截图:

  下面的布局示范了在施用了标准的“Web开发” profile 之后的默认IDE布局(显示器分辨率设置在750x650),这个profile是VS 2008中现有的“Web开发” profile的进化版,展示了任何HTML或ASP.NET网页的文档窗口的设计/分割/源码标签(tab):

  “Web开发(Code Optimized)” Profile 的屏幕截图:

  下面的屏幕截图示范了在施用了新的“Web开发(Code Optimized)” profile 之后的默认IDE布局。你可以看到,该profile就显示和编辑屏幕上的代码方面,优化了屏幕的使用面积,在默认设置下,隐藏了所有的工具条,并在HTML和ASP.NET网页的文档窗口中禁止和隐藏了设计器标签(tab):

  下面是一张在较大一点的显示器分辨率下的“code optimized” profile的屏幕截图:

  混合和配对使用特性

  在标准的“Web开发” profile 和 “Web 开发 (code optimized)” profile中使用的所有不同的特性都是通过Visual Studio的“工具->选项”配置对话框来呈现的。这意味着,你可以随便从哪种VS profile(包括一般的,VB 和 C# profile)出发,然后按你的爱好启用或关闭个别的特性来定制IDE布局和编辑体验。

  例如,在下面,你可以看到“工具->选项”对话框中的启用或禁止HTML设计器的复选框(该选项配置了设计/分割/源码标签是否显示在每个网页的底部):

  这给了你这样的灵活性: 可以按自己爱好定制开发体验,可以创造一个为你自己和你最喜爱的开发方式优化了 的个人化工具体验。

  VS 2010中发布的这2种web开发profile提供了2个很好的预配(preconfigured)起始点,我们认为它们给世界上一大群web开发人员提供了一套很好的默认配置。你可以轻松地选择从你感觉最好的选项出发,然后按你的爱好可选择地做进一步配置。

  结束语

  我们只是把这个新的profile作为选项提供给那些侧重于源码web开发体验的开发人员。WYSIWYG HTML/ASP.NET 设计器还将继续在VS 2010中所有其他的profile中默认启用(就象在VS 2008中一样),我们在VS 2010对该设计器也做了很多改进(我将在以后的贴子中对此做详述)。所以,别担心,WYSIWYG设计器绝对不会消失的,它会在以后的每个版本中继续得到增强和改进。

  但我们认为,对那些“侧重源码编辑” web开发体验,不使用WYSIWYG设计器的开发人员来说,这个新的 “Web 开发(Code Optimized)” profile是个非常棒的新选项。该profile选项给他们提供了一个简洁的方式来在IDE布局中隐藏设计器(以及相关的工具窗口和工具条),从而享用一个侧重源码的web开发体验。

  希望本文对你有所帮助,

  Scott

目录
相关文章
|
1天前
|
存储 前端开发 安全
13:会话跟踪技术Session的深度应用与实践-Java Web
13:会话跟踪技术Session的深度应用与实践-Java Web
12 3
|
1天前
|
存储 前端开发 搜索推荐
12:会话跟踪技术Cookie的深度应用与实践-Java Web
12:会话跟踪技术Cookie的深度应用与实践-Java Web
12 4
|
2天前
|
关系型数据库 MySQL
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
|
3天前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。
|
3天前
|
前端开发 JavaScript UED
【专栏:HTML 与 CSS 前端技术趋势篇】Web 性能优化:CSS 与 HTML 的未来趋势
【4月更文挑战第30天】本文探讨了CSS和HTML在Web性能优化中的关键作用,包括样式表压缩、选择器优化、DOM操作减少等策略。随着未来趋势发展,CSS模块系统、自定义属性和响应式设计将得到强化,HTML新特性也将支持复杂组件构建。同时,应对浏览器兼容性、代码复杂度和性能功能平衡的挑战是优化过程中的重要任务。通过案例分析和持续创新,我们可以提升Web应用性能,创造更好的用户体验。
|
3天前
|
前端开发 JavaScript 搜索推荐
【专栏:HTML 与 CSS 前端技术趋势篇】HTML 与 CSS 在 Web 组件化中的应用
【4月更文挑战第30天】本文探讨了HTML和CSS在Web组件化中的应用及其在前端趋势中的重要性。组件化提高了代码复用、维护性和扩展性。HTML提供组件结构,语义化标签增进可读性,支持用户交互;CSS实现样式封装、布局控制和主题定制。案例展示了导航栏、卡片和模态框组件的创建。响应式设计、动态样式、CSS预处理器和Web组件标准等趋势影响HTML/CSS在组件化中的应用。面对兼容性、代码复杂度和性能优化挑战,需采取相应策略。未来,持续发掘HTML和CSS潜力,推动组件化开发创新,提升Web应用体验。
|
3天前
|
开发框架 JavaScript 前端开发
【JavaScript 与 TypeScript 技术专栏】TypeScript 在 Web 开发中的前沿应用
【4月更文挑战第30天】TypeScript在Web开发中日益重要,以其强大的类型系统提升代码质量,支持组件化开发,与React、Vue、Angular等框架良好集成。在大型项目管理中,TypeScript助于代码组织和优化,提高团队协作效率。此外,它提升开发体验,提供智能提示和错误检测。众多成功案例证明其前沿应用,未来将在Web开发领域持续发挥关键作用。
|
12天前
|
开发框架 前端开发 .NET
C#编程与Web开发
【4月更文挑战第21天】本文探讨了C#在Web开发中的应用,包括使用ASP.NET框架、MVC模式、Web API和Entity Framework。C#作为.NET框架的主要语言,结合这些工具,能创建动态、高效的Web应用。实际案例涉及企业级应用、电子商务和社交媒体平台。尽管面临竞争和挑战,但C#在Web开发领域的前景将持续拓展。
|
4天前
|
前端开发 JavaScript 测试技术
【PHP开发专栏】PHP Web开发基础与流程
【4月更文挑战第29天】本文介绍了PHP Web开发的基础和流程,帮助初学者入门。内容包括Web服务器与PHP解释器的工作原理、HTML/CSS/JavaScript基础知识、PHP语法与数据库操作。开发流程涵盖项目规划、环境搭建、数据库设计、代码编写、测试与调试,以及部署与维护。此外,文中还强调了使用框架、代码组织、安全性及性能优化等进阶知识和最佳实践,旨在培养优秀PHP开发者。
|
4天前
|
前端开发 JavaScript 开发者
前端技术栈:探索现代Web开发的核心要素与代码实践
前端技术栈:探索现代Web开发的核心要素与代码实践
12 1