ASP.NET 5 的魔力。在 Mac OSX 中配置和开发 ASP.NET 应用程序
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 上是完全开源的。很酷……:)
先决条件/安装
在开始开发之前,我们需要先准备好环境。还需要安装几个工具。它们如下
- 安装 OS X 的 Mono (Visual Studio Code 需要)。
- 安装 Visual Studio Code
- 为 Mac OS X 安装 ASP.NET 5
什么是 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。其实这很简单。步骤如下
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”路径下。您可以创建自己的目录。
现在,我将使用 Yeoman 创建我们的项目模板。我们之前已经安装了 Yeoman。但请稍等。我们需要先为 asp.net 类别的应用程序安装 Yeoman 代码生成器。我们来做这个。
npm install -g generator-aspnet
很好。现在我们已经安装了生成器。所以我们现在需要做的就是,每次创建 asp.net 类别的项目/解决方案时都使用这个生成器。让我们使用它创建一个 asp.net 5 Web 应用程序。输入
yo aspnet
您可以从各种模板中选择项目类型,就像在 Visual Studio 中一样使用。很不错吧。在这里我选择“Web Application”类型的模板。这种模板的魔力在于,所有会员(注册、登录、退出等)都内置了一些基本页面。我们来做这个。按 Enter 键(在通过上下键选择模板后)。然后它会要求您输入一个解决方案名称,如下所示
将其命名为“TestProject”并按 Enter。全部完成,很棒。现在从终端进入“TestProject”目录。
您几乎就可以运行了。Asp.net 5 完全是面向包的。所有依赖项(包括框架本身)都由包管理。既然一切都完成了,我们需要下载/解析必要的包来使项目完整。这再次非常简单。使用下面的命令来完成
dnu restore
您会在终端看到一些进度,片刻之后,它就会完成。
太棒了。让我们看看我们到目前为止做了什么。打开 Visual Studio Code(您在第一步下载的)。通过“文件/打开”菜单,选择我们的解决方案目录。
点击“打开”按钮后,您将看到如下内容
这真的很棒。您会在左侧面板中看到目录结构。我只是选择了一个控制器来查看生成器代码。不错,让我们运行这个项目。我之前告诉您的是,“Visual Studio Code”完全是基于命令的。我们可以通过“Visual Studio Code”的命令或通过终端来运行我们的项目。我们先从终端来做。希望您已经在终端中,并且您在那里位于解决方案的根目录。只需键入
dnx web
太棒了。您会看到“https://:5000/”,它也告诉您,您可以随时通过按 Ctrl + C 停止此服务器。
复制此地址并粘贴到浏览器中。大功告成!!!!
您刚刚在 Mac 上运行了一个 asp.net Web 应用程序!!!!随意更改代码。您会很高兴地看到 IntelliSense 工作得很好。
结论
这是一个基本概述。稍后我会详细介绍。今天就到这里。非常感谢您的任何反馈。祝您愉快!