WebMatrix 2—前端Web 开发人员注意 了(ASP.NET、 PHP、 node.js 和更多)

[原文发表地址]  WebMatrix 2 - Front End Web Developers take note (ASP.NET, PHP, node.js and more)

[原文发表时间] 2012-09-19 1:13

你们注意到WebMatrix 2的发布了吗?WebMatrix 是一个在 2010 年推出的免费、轻量级的 web 开发工具。它侧重于简化针对 ASP.NET 和 PHP以及更多最近node的 web 开发体验。其实是Rob Conery 把我拉到 WebMatrix 的,我们使用WebMatrix来开发 开发人员的生活播客网站。我将它推荐给那些并不需要或不想要整个 Visual Studio 体验的学生、 设计师和 web 专业人员。它还兼容Sublime Text 2。它甚至为前端开发人员提供了Git扩展,LESS,简易部署等等功能。

如果你想要下载WebMatrix 2 和开始应用,它是免费的。它将使用Web Platform installer(Web平台安装程序)来安装,你可以将它与VS一起使用,如果你想要的话,或单独安装在任何机器上。它是可与像Codecademy这样的站点真正兼容的应用。观看 Vishal 和Brady在第 9频道上对 WebMatrix 2 提供的新功能的简要概述。

HTML JavaScript CSS

新的 Web Matrix 2 HTML 编辑器添加了一些有用的东西,像代码大纲显示、 标记完成、 格式设置、 语法验证和HTML5 IntelliSense。

WebMatrix has intellisense

JavaScript 编辑器具有更好的自动设置格式体验,以及IntelliSense:

Intellisense in JavaScript

在 WebMatrix 中的新CSS 编辑器共享了很多Visual Studio 2012 CSS 编辑器中所包含的新功能。有颜色选取器,最新的 CSS3 模块的IntelliSense和更好的语言支持功能:

New CSS Color Picker

这里是我正在挖掘的新热点。对于那些想要超越基本的 CSS的人来说,你可以得到像LESSSass的预处理器。人们一直在寻求更好的预处理器支持, WebMatrix 2 包括支持LESS和Sass。LESS编辑器支持相同强大的CSS 功能,以及用于自定义的变量和混合插件的IntelliSense:

LESS

我说过,它有很多内置的东西。它是一种新功能的场地以它们的方式在 VS 和 WebMatrix之间移动。

File New Item

相关视频: 若要了解有关 WebMatrix 2 中新的 CSS 编辑器的详细信息,请签出这些简短的视频:

Razor和 ASP.NET Web Pages 2

如前所述,在开发人员生活网站中,Rob和我使用了 ASP.NET Web Pages。这就有点像 PHP,其中您可以在一个文件中混合使用代码和 HTML,除了语法是Razor,语言是 C#之外。结合WebMatrix 与ASP.NET Web Pages来开始web开发是一个很简单的方法。制作一个文件,开始编写 HTML,然后添加一些代码。稍后你可以转化到ASP.NET MVC 中(如果你想的话)。除了改进web 编辑器之外, WebMatrix 2 还为Razor 、C# 和 Visual Basic 添加了IntelliSense:

Intellisense in Razor

WebMatrix 2 和 ASP.NET Web Pages 2 包括许多内置的帮助器,使其易于做像发送电子邮件、 发布文章到 tweet,或调整图像大小的常见事情。如果内置的软件包和 Web Pages 2 帮助器还不足够满足你所想要的话,WebMatrix 现在还支持直接从NuGet来安装库和帮助器!

WebMatrix pulls from NuGet

视频: Justin和 Vishal 使用ASP.NET Web Pages和 Windows Azure Web 站点构建一个图像共享网站

使用PHP进行Web开发

对于使用PHP 的应用程序来说,有一个全新的 PHP 编辑器,支持IntelliSense、 代码折叠、 和 PHP 5.4 支持。还有文档在内联显示。

PHP Editor has intellisense

视频: Thao和Brady展示 WebMatrix 2 中的新PHP 功能

使用Node.js 进行Web 开发

我之前在站点上提到了 Azure,现在,它支持 Git 部署以及node.js。我一直在关注它。WebMatrix 2 和 Windows Azure 的目标之一是更易于在 Windows 平台上开发和托管开放源码应用程序。12 月使Windows Azure 支持Node.js。Azure 使得在云中托管node.js应用程序更容易,WebMatrix 2 旨在改进开发体验。框外是多个项目模板、IntelliSense和几种新语言的支持。甚至还有 Express.js 模板。

Node.js in WebMatrix

随着IntelliSense成为node.js 内置的核心模块,WebMatrix也为通过Node Package Manager (NPM)安装的第三方模块提供了IntelliSense。这使得使用像Windows Azure npm软件包的东西变得简单得多:

Azure in node

Node.js 为编写视图使用各种渲染引擎。我听说还有更多的计划,今天 WebMatrix 2 包括JadeEJS的支持。我个人喜欢Jade。

Jade in WebMatrix

我不确定你们在哪儿陷入了CoffeeScript 的辩论,但一些开发者喜欢使用CoffeeScript编写他们的应用程序。WebMatrix 也支持它。CoffeeScript in WebMatrix

视频: Justin和 Vishal展示 WebMatrix 2 中新的 Node.js 功能

简化的数据库工具

WebMatrix 中的数据库工具能够与 SQL Server、 SQL Compact Edition及 MySQL协同工作:

MySQL in WebMatrix. Scandalous.

当你准备好要发布您的应用程序时,WebMatrix 2 将包含你的数据库及发生更改的文件列表:

Publishing a database

视频: 了解更多有关在WebMatrix 2 中管理数据库的信息。

移动 Web 开发

您可以集成一个iPhone 或 iPad 的模拟器到 Visual Studio 中,正如我之前在博文中所提到的。WebMatrix 2 添加了一个可扩展的模型用于添加新的浏览器,还支持通过与Electric Plum建立伙伴关系来模拟 Windows Phone 7 以及 iPhone 和 iPad 。充分披露: 我爱Electric Plum。它太棒了。

iPad and iPhone

这些包含在 WebMatrix 2 中的模板在移动设备上看上去很不错,打开即用,因为它们使用响应设计和jQuery Mobile组合的形式。

iPhone 

iPad 

对于那些使用 jQuery Mobile的人来说,这里拥有一个用于自定义数据-* 属性的IntelliSense。

jQuery Mobile

视频: 至于使用WebMatrix 2 中移动功能的更多示例,请签出这些视频:

应用程序库

在应用程序库中,有一堆开放源码项目,这样你就可以获得 WordPress 或 Umbraco 或只是通过文件 |新建运行任意东西。只需花一到两分钟。ASP.NET 和 PHP 应用程序都在一起了。

Web Gallery

在你安装应用程序后,现在有一个可定制的仪表板专为你的应用程序类型而设计。这意味着 WebMatrix 知道你正在使用WordPress,并将向你展示WordPress家伙在意的东西。

该团队一直与社区合作来为库中的许多应用程序提供一个可定制的体验。该仪表板提供了一系列的链接和资源,使其更容易了解有关你的应用程序的更多信息。

WordPress

对于库中的许多应用程序,有一套核心的、不应更改的文件。WebMatrix 甚至将为这些文件向用户发出警告。

Don't touch that file!

在自定义应用程序时,WebMatrix 2 还包括特定应用程序的IntelliSense。当你刚刚开始使用一个新的应用程序时,这是很有用的:

clip_image025

Windows Azure 和远程编辑

您还可以从 Windows Azure 门户网站直接创建和部署应用程序。所以,与其在你的计算机上开始一个应用程序,不如在 Azure上创建它,然后运行...

clip_image027

… … 你获得远程站点编辑。在云中创建应用程序之后,你可以直接打开一个远程视图到您的网站。这能很好的编辑。我个人会使用 Git 或源控制,但我必须承认我有几个网站,只是在那儿作为小册子,并没有正式部署。此功能对于那些站点来说非常不错。

Remote Editing

对于使用 Windows Azure的用户来说,管理门户网站允许用户安装 WebMatrix,并通过点击命令栏中的按钮来打开他们的网站。这将下载站点,并安装所需的任何依赖项。这意味着一旦你在 Azure创建了你的网站,你可以在 WebMatrix 中打开它,它将安装,配置你的应用程序 (如果它在库中) ,并打开它。

WebMatrix from Azure

当你完成了更改的操作后,相同的发布命令将只向你的主机推送更改了的文件。

WordPress editing

视频: 观看Faith 自定义一个 WordPress 网站,并将其部署到 Windows Azure。

扩展库

如果你对扩展WebMatrix 2感兴趣,这里有一个新的 SDK,它允许任何人添加新的功能或方法。实际上,在这篇文章 中(包括移动模拟器 !)的很多的东西都是WebMatrix 2附带的扩展。

Extensions

当你准备好开始构建时,签出扩展库。它有一个当前可用的扩展的列表,以及关于如何制作您自己的扩展的文档。

视频: 观看Walter向你展示如何构建一个基本的扩展,并将其发布到 WebMatrix 2扩展库

总结

WebMatrix 2版本支持使用ASP.NETPHPnode.js制作应用程序。你可以下载免费的 WebMatrix。如果你有任何反馈,请让该团队知道。谢谢Justin帮忙提供细节信息和博文截图 !