ASP.NET Core and Vue.js 学习笔记 (一)

一、ASP.NET Core和Vue.js简介

在本章中，将介绍以下主题：

• Introducing ASP.NET Core
• Introducing Vue.js

Introducing ASP.NET Core

ASP.NET Core 是一个来自微软的开源web应用程序框架，旨在快速、高效构建跨平台的现代云服务应用程序。可以使用跨平台的 VS Code 来构建应用程序，而不需要安装 Parallels 或 VMware 等虚拟化软件。只需要在你另外的操作系统上安装一个VS Code，git clone你的代码仓库，安装.NET Core SDK，就可以继续编写代码了。

Introducing Vue.js

Vue.js 是一个用于构建用户界面的 JavaScript 框架。简而言之，Vue.js 为前端开发者提供了他们想要的一切。Vue.js 具有性能强、高效、先进、开发友好的特点，对于刚入门前端的新手来说障碍最小。如今，Vue 每周有130多万活跃用户（基于Vue Devtool扩展的统计数据），每月有800多万npm下载量。它还被闻名全球的明星组织和企业使用，比如 Apple、IBM、 Microsoft、Google、Nike、Wikimedia、NASA、Pixar、Louis Vuitton、L'Oréal等，还有成千上万家各种规模的企业。

二、建立开发环境

安装和配置 Visual Studio 2022

Visual Studio 是每个 .NET 开发人员在使用 C# 编写应用程序时的首选 IDE。

安装 .NET SDK、Node.js 和 npm

.NET SDK

.NET Core SDK 是由编写 .NET Core 应用程序的库和工具组成的。如果你使用 Visual Studio 2022 或 Visual Studio for Mac，你不需要安装 .NET 6 运行时，因为 Visual Studio 在 IDE 安装中包含了.NET Core SDK。 .NET Core SDK 提供 .NET命令行接口和 .NET Core运行时来运行 .NET Core 程序。对于Linux系统，并且安装了 Rider，你可以去官网下载最新的 .NET 6 SDK 。

Node 和 npm

Node 是一个可在浏览器外部执行 JavaScript 代码的运行时环境，它是开源和跨平台的。npm(Node Package Manager) 是一个CLI工具和第三方JavaScript库的注册表。你可以在npm注册表中找到你想要的任何开源库或模块。安装Node.js会自动安装npm 。可以在官网下载安装程序，建议下载LTS版。对于Linux用户，在Terminal运行命令sudo apt install nodejs进行安装。

.NET Core CLI 和 Vue CLI

.NET Core CLI 是用于编写、构建、运行和发布.NET Core应用程序的跨平台的命令行界面。Vue CLI 是开发 Vue.js 应用程序的标准工具。Vue CLI 可用于创建工程和添加第三方程序库。运行npm install -g @vue/cli命令即可安装 Vue.js CLI 。

安装 Postman 和 Vue DevTool

Postman 是用于测试API的工具软件。在开发RESTful服务时，Postman 是一个很棒的工具，用于给你写的API发送HTTP请求，可以很方便的看到Controller的表现。Vue DevTool 用于调试Vue应用程序，通过DevTool，你可以查看Vuex store、 events、routing 和 app性能。Vue DevTool可以在Chrome和Firefox中使用：

• Google Chrome 扩展程序链接
• Firefox 插件链接

安装 Entity Framework Core 工具

Entity Framework Core 工具是用于操作 Entity Framework Core 的 CLI 工具，可运行常用的 - Entity Framework 命令：

• Add-Migration：添加新的迁移
• Drop-Database：删除数据库
• Get-DbContext：获取 DbContext 类型信息
• Script-Migrations：创建迁移的SQL脚本
• Update-Database：更新数据库到最新的迁移

在Terminal运行命令dotnet tool install --global dotnet-ef即可安装此工具。

安装数据库 provider 程序

通过 NuGet 库获取对应的 provider，EF Core可以使用多个不同的数据库。例如，你可以找到 MS SQL Server、MySQL、PostgreSQL、Oracle DB 和 SQLite 的 provider。Entity Framework 是一个 ORM，可以处理跨不同数据库的查询命令的所有兼容性。SQLite 不需要数据库服务器来运行它，可以在 Windows、Macbook 和 Linux 上运行，并且简单易用，非常适合用来学习 EF Core 和 DbContext。你可以从这里下载用于 SQLite 的 DB Browser，从这里下载 SQLiteStudio，这些都是跨平台和开源的。