研究:用于前端开发的WebMatrix

Windows系统有很多Web开发应用程序,例如Notepad ++,Netbeans,Eclipse,Komodo,Aptana等。这些应用程序运行良好,我的许多开发人员朋友都在使用它们。

但是,如果您想要一个与Windows系统很好地集成的核心,则需要查看WebMatrix

它于2010年首次引入,旨在简化使用HTML5,CSS3 ,JavaScript(包括jQuery),PHP和ASP.NET等流行语言开发Web的体验。

WebMatrix是由Microsoft开发的免费,轻量级的Web开发工具。

因此,让我们看看WebMatrix必须提供什么。

安装

它或多或少类似于App Store或Google Play,您可以在其中安装用于Web开发的Microsoft应用程序,包括我们正在讨论的WebMatrix

在2009年左右,Microsoft使用Web Platform Installer集中了其Web应用程序系列。

研究:用于前端开发的WebMatrix

按下Install后 ,WebMatrix将自动获取其依赖项,包括.NET Framework,IIS和MsSQL。

要做到这一点,选择产品选项卡,你可以找到的MySQL 数据库下上市。

此外,您可能还需要安装MySQL以与依赖它的PHP应用程序一起使用,例如WordPress。

研究:用于前端开发的WebMatrix

特征

Microsoft在WebMatrix中包含许多功能,其中包括一些功能-尤其是对于前端开发。

网络标准

您也可以选择使用Template Gallery中HTML5 Boilerplate创建新HTML文档。

默认情况下,它将创建一个具有基本HTML5标记的新文档。

WebMatrix包含Web标准。

研究:用于前端开发的WebMatrix

它甚至显示了该属性的用途说明。

在我们编写样式时,WebMatrix会显示针对标准CSS3以及特定供应商属性的自动完成建议。

编写CSS3语法更加容易。

研究:用于前端开发的WebMatrix

WebMatrix还支持其他语言的自动完成:PHP,ASP和JavaScript(包括jQuery和jQUery Mobile)

研究:用于前端开发的WebMatrix

开源Web应用程序

在这种情况下,WebMatrix提供了一些流行的开源项目,例如WordPress,Joomla,Drupal,并且集成了安装过程,因此我们可以以更少的点击次数更快地运行该项目。

从头开始构建Web应用程序很困难,因此许多开发人员更喜欢扩展Open Source Web应用程序。

您可以转到“ 应用程序库”以查看WebMatrix支持的所有开源Web应用程序列表。

研究:用于前端开发的WebMatrix

以WordPress为例,它显示了我们正在键入的WordPress功能列表。

此外,WebMatrix还包括针对这些Web应用程序的自动代码完成功能。

研究:用于前端开发的WebMatrix

CSS预处理器支持

与普通CSS相比,CSS预处理器允许开发人员编写更多动态和可维护的样式规则,并且我们 之前的文章中已经多次讨论了它们

您可以为Sass,SCSSLESS以及语法高亮显示和自动代码完成功能创建新的样式表文档。

如果您是CSS预处理程序的狂热用户,WebMatrix可以帮助您。

研究:用于前端开发的WebMatrix

设备模拟器

这些移动模拟器是一个扩展,可以在Extension Gallery中找到。

如果您是为移动设备开发的,则可能需要安装iPhone / iPad模拟器-默认情况下,应已预安装Windows Phone模拟器。

研究:用于前端开发的WebMatrix

CSS预处理器编译器

它将您的语法编译为纯CSS。

最后,如果您正在编写CSS预处理程序,则这是安装所需的扩展名OrangeBits Compiler

研究:用于前端开发的WebMatrix

最终思想

因此,如果您愿意进一步研究它,这里有一些很好的参考。

除了我们刚刚讨论的功能之外,WebMatrix还提供了更多功能。

因此,请继续关注。

在WebMatrix的下一篇文章中,我们将通过安装,定制和部署来开发WordPress。


翻译自: https://www.hongkiat.com/blog/webmatrix-for-front-end-development/