随着技术的发展,跨平台开发变得越来越重要。ASP.NET 5作为一个开源且跨平台的框架,为开发者提供了在Windows、Mac和Linux上构建现代云基础Web应用的能力。本文将介绍如何在Mac上设置ASP.NET 5的开发环境,并创建一个简单的Web应用。
ASP.NET 5是一个全新的、开源的、跨平台的框架,用于构建现代的、基于云的Web应用。它从头开始设计,以提供一个优化的开发框架,无论是部署到云还是本地运行。ASP.NET 5由模块化组件构成,具有最小的开销,因此在构建解决方案时保留了灵活性。可以在Windows、Mac和Linux上跨平台开发和运行ASP.NET 5应用。ASP.NET 5完全开源,可以在GitHub上找到。
在开始开发之前,需要准备开发环境,并安装一些必要的工具。以下是需要安装的工具列表:
Mono是一个平台独立的.NET框架。它是一个由Xamarin(原由Novell和Ximian领导)领导的免费和开源项目,旨在创建符合Ecma标准的、与.NET Framework兼容的工具集,包括C#编译器和Common Language Runtime等。
微软最近推出了一个非常快速、轻量级的编辑器(非IDE),名为“Visual Studio Code”。IDE和编辑器有什么区别呢?IDE主要具有许多功能,如调试、编译、包管理器、工具等,都通过简单的UI管理。因此,它自然是一个重量级应用程序,运行需要大量的资源。另一方面,编辑器主要通过命令处理所有功能。它非常轻量级。这种类型的编辑器非常适合Web开发。在Web开发中,开发者主要处理编写HTML、JavaScript和CSS。因此,他们喜欢使用像Sublime Text、TextWrangler、NotePad++等编辑器。“Visual Studio Code”与这些编辑器类似,但它的主要魔力在于它的功能。“Visual Studio IDE”中所有主要功能都在这里,即强大的IntelliSense、Git仓库集成、代码比较等。但正如已经说过的,它完全依赖于它的各种命令。解决NuGet依赖、构建、发布、搜索、主题等都使用命令。开发者只需要2/3小时就可以掌握基本命令并使用它。还将在这里介绍一些有用的命令。
人们可能会想,在Visual Studio IDE中,可以使用其安装的模板快速开始,非常方便。在Mac上呢?实际上,有一些工具可以使用终端创建各种项目模板。一个有用的列表可以在这里找到。它被称为“Yeoman”。首先,将在Mac上安装Yeoman。Yeoman使用“node”和“HomeBrew”,所以首先需要安装/配置Yeoman。实际上非常简单。步骤如下:
brew doctor
brew install node
export NODE_PATH="/usr/local/lib/node"
export PATH="/usr/local/share/npm/bin:$PATH"
npm install -g yo grunt-cli bower
Yeoman现在已安装,带有Node和NPM。确认Ruby已安装:
ruby -v
就是这样。所以,开发环境可能已经准备好在Mac上开发ASP.NET应用程序了!让开始吧。
在Mac上创建一个项目目录(通过Finder),然后使用终端命令cd进入该目录。项目保存在"/Volumes/Backup/Programming/MSProjects/Projects"路径下。可以创建自己的目录。
现在,将使用yeoman创建项目模板。已经安装了yeoman。但等等。首先需要安装yeoman代码生成器,用于ASP.NET类型的应用程序。让这样做。
npm install -g generator-aspnet
太好了。现在安装了生成器。所以每次创建ASP.NET类型的项目/解决方案时,都需要使用这个生成器。让使用它创建一个ASP.NET 5 Web应用程序。输入:
yo aspnet
看看魔法。可以选择各种模板中的一个项目类型,就像在Visual Studio中做的那样。这里选择了“Web应用程序”类型模板。这种类型的模板的魔力在于,所有成员资格(注册、登录、注销等)都内置了一些基本页面。让这样做。按回车(通过上下键选择模板后)。然后它会要求输入一个解决方案名称,如下所示:
将其命名为“TestProject”,然后按回车。全部完成,太好了。现在从终端进入这个“TestProject”目录。
几乎可以运行了。ASP.NET 5是完全面向包的。所有依赖项(包括框架本身)都通过包管理。所有完成后,需要下载/解决必要的包以使项目完整。这非常简单。使用以下命令:
dnu restore
将在终端看到一些进度,经过一段时间,它将完成。
太好了。让看看到目前为止做了什么。打开Visual Studio Code(在第一步下载的)。通过“文件/打开”菜单,选择解决方案目录。点击“打开”按钮后,将看到以下内容:
这真的很棒。将在左侧面板看到目录结构。刚刚选择了控制器以查看生成器代码。很好,让运行这个项目。之前告诉过,“Visual Studio Code”完全基于命令。可以通过“Visual Studio Code”的命令或终端运行项目。现在让从终端开始。希望已经在终端,并且已经在解决方案根目录。只需输入:
dnx web
然后按回车。太好了。看到“http://localhost:5000/”在那里,它还告诉,可以随时按Ctrl + C停止这个服务器。