65.9K
CodeProject 正在变化。 阅读更多。
Home

ASP.NET 5 的魔力。在 Mac OSX 中配置和开发 ASP.NET 应用程序

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.92/5 (4投票s)

2015 年 12 月 27 日

CPOL

6分钟阅读

viewsIcon

7173

Asp.net 5。在 Mac OSX 中配置和开发 ASP.NET 应用程序

大家好,希望你们都安好。作为一名资深开发者,我总是喜欢在任何平台上工作/开发。无论是在 Windows 还是 Mac 上。在过去的几天里,我一直在关注新的 Asp.net 5,并对其平台独立性感到惊讶。这真的很棒。现在任何人都可以在 Mac 机器上使用 asp.net 5 开发 Web 应用程序。我还是 MacBook Pro 的骄傲主人 :)。我一直在想,为什么不把我的 Mac 用作 asp.net 开发机呢?很酷,对吧?我的计划将涵盖以下内容

  • 什么是 asp.net 5
  • 先决条件/安装
  • 免费的超棒编辑器“Visual Studio Code”
  • Yeoman 基础概述
  • 在 Mac 中创建项目并运行

什么是 ASP.NET 5

根据 Asp.net 的说法,如下:ASP.NET 5 是一个全新的开源、跨平台框架,用于使用 .NET 构建现代云原生 Web 应用程序。它从头开始构建,为部署到云端或在本地运行的应用程序提供了一个优化的开发框架。它由模块化组件组成,开销极小,因此在构建解决方案时可以保持灵活性。您可以在 Windows、Mac 和 Linux 上跨平台开发和运行 ASP.NET 5 应用程序。ASP.NET 5 在 GitHub 上是完全开源的。很酷……:)

先决条件/安装

在开始开发之前,我们需要先准备好环境。还需要安装几个工具。它们如下

什么是 Mono

Mono 是一个平台独立的 .NET 框架。是的,没错。详情如下:“Mono 是一个由 Xamarin(以前由 Novell 和最初由 Ximian 主导)领导的免费开源项目,旨在创建一个符合 Ecma 标准、兼容 .NET Framework 的工具集,其中包括 C# 编译器和通用语言运行时。”

免费的超棒编辑器“Visual Studio Code”

最后,微软推出了一款非常快速、轻量级的编辑器(非 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 小时就可以掌握基本命令并使用它。我也会在这里介绍一些有用的命令。

Yeoman 基础概述

有人可能会想,在 Visual Studio IDE 中,我们可以灵活地使用其已安装的模板来快速启动,这非常方便。在 Mac 上呢?嗯,实际上有几个工具可用,可以使用终端来创建各种项目模板以便开始。您可以在 此处 找到一个有用的列表。它叫做“Yeoman”。首先,我们将在 Mac 上安装 Yeoman。Yeoman 使用“node”和“Homebrew”,所以我们首先需要安装/配置 Yeoman。其实这很简单。步骤如下

如果尚未安装,请下载 Homebrew 。验证 Homebrew 是否正常

brew doctor

使用 Homebrew 安装 Node (附带 NPM)

brew install node

将以下内容添加到您的 bash 或 zsh 配置文件中

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 应用程序了!让我们开始吧

在 MacOS 中创建项目并运行

在 Mac 中创建一个项目目录(通过 Finder),然后使用终端进入该目录

cd

命令。我的项目保存在“/Volumes/Backup/Programming/MSProjects/Projects”路径下。您可以创建自己的目录。
1 现在,我将使用 Yeoman 创建我们的项目模板。我们之前已经安装了 Yeoman。但请稍等。我们需要先为 asp.net 类别的应用程序安装 Yeoman 代码生成器。我们来做这个。

npm install -g generator-aspnet

很好。现在我们已经安装了生成器。所以我们现在需要做的就是,每次创建 asp.net 类别的项目/解决方案时都使用这个生成器。让我们使用它创建一个 asp.net 5 Web 应用程序。输入

yo aspnet

看看它的魔力
2

您可以从各种模板中选择项目类型,就像在 Visual Studio 中一样使用。很不错吧。在这里我选择“Web Application”类型的模板。这种模板的魔力在于,所有会员(注册、登录、退出等)都内置了一些基本页面。我们来做这个。按 Enter 键(在通过上下键选择模板后)。然后它会要求您输入一个解决方案名称,如下所示


3

将其命名为“TestProject”并按 Enter。全部完成,很棒。现在从终端进入“TestProject”目录。

4

您几乎就可以运行了。Asp.net 5 完全是面向包的。所有依赖项(包括框架本身)都由包管理。既然一切都完成了,我们需要下载/解析必要的包来使项目完整。这再次非常简单。使用下面的命令来完成

dnu restore

您会在终端看到一些进度,片刻之后,它就会完成。


5

太棒了。让我们看看我们到目前为止做了什么。打开 Visual Studio Code(您在第一步下载的)。通过“文件/打开”菜单,选择我们的解决方案目录。


6
7

点击“打开”按钮后,您将看到如下内容


8

这真的很棒。您会在左侧面板中看到目录结构。我只是选择了一个控制器来查看生成器代码。不错,让我们运行这个项目。我之前告诉您的是,“Visual Studio Code”完全是基于命令的。我们可以通过“Visual Studio Code”的命令或通过终端来运行我们的项目。我们先从终端来做。希望您已经在终端中,并且您在那里位于解决方案的根目录。只需键入

dnx web

然后输入 9

太棒了。您会看到“https://:5000/”,它也告诉您,您可以随时通过按 Ctrl + C 停止此服务器。

复制此地址并粘贴到浏览器中。大功告成!!!!

10

您刚刚在 Mac 上运行了一个 asp.net Web 应用程序!!!!随意更改代码。您会很高兴地看到 IntelliSense 工作得很好。

结论

这是一个基本概述。稍后我会详细介绍。今天就到这里。非常感谢您的任何反馈。祝您愉快!

© . All rights reserved.