C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例)

admin2024-08-31  8

文章目录

  • C# 文档
  • NuGet
  • .NET SDK 下载
  • 安装 .NET SDK
  • 安装完验证
  • VS Code 配置
    • C# 开发插件
    • settings.json
  • WPF UI 框架
  • Avalonia UI 框架
    • 创建 Avalonia 项目
    • Avalonia 官方示例
    • Avalonia 桌面 UI 库
  • Blazor Web UI 框架
    • 创建应用
    • 项目结构
  • ASP.NET Core 控制器创建 Web API
  • dotnet 命令
    • dotnet new
    • dotnet build
    • dotnet run
    • dotnet tool

C# 文档

  • https://learn.microsoft.com/zh-cn/dotnet/csharp/tour-of-csharp/

NuGet

  • https://www.nuget.org/

.NET SDK 下载

  • https://dotnet.microsoft.com/zh-cn/download

安装 .NET SDK

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第1张

安装完验证

dotnet -h
# .NET SDK 版本
dotnet --version
# .NET SDK 的列表
dotnet --list-sdks
# .NET 运行时的列表
dotnet --list-runtimes
# .NET 安装和计算机环境详细信息
dotnet --info

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第2张

  • 安装时正常会自动添加 PATH
# /usr/local/share/dotnet:~/.dotnet/tools
echo $PATH

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第3张

VS Code 配置

C# 开发插件

C#
C# Dev Kit
Avalonia for VSCode

settings.json

  • 配置 Code Runner
{
	"code-runner.executorMap": {
		"csharp": "cd $dir && dotnet run $fileName"
	}
}
  • 创建一个 控制台应用
# 安装模板包
dotnet new install Microsoft.NET.Runtime.WebAssembly.Templates
# 根据 console 模板创建项目
dotnet new console -o ./demo -n demo
# 根据 console 模板创建项目,未指定名称则使用输出目录的名
dotnet new console -o ./demo
  • 运行 demo 项目

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第4张

  • 或者终端执行命令
dotnet run

WPF UI 框架

  • 文档: https://learn.microsoft.com/zh-cn/previous-versions/dotnet/netframework-4.0/ms742119(v=vs.100)

Avalonia UI 框架

  • Github: https://github.com/AvaloniaUI/Avalonia

  • 官网: https://avaloniaui.net/

  • 文档: https://docs.avaloniaui.net/zh-Hans/docs/welcome

创建 Avalonia 项目

# 安装 Avalonia 模板
dotnet new install Avalonia.Templates
# 列出已安装的模板
dotnet new list

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第5张

# 创建 Avalonia 项目
dotnet new avalonia.app -o demo
cd demo
# 运行项目
dotnet run

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第6张

Avalonia 官方示例

  • https://github.com/AvaloniaUI/Avalonia.Samples
git clone https://github.com/AvaloniaUI/Avalonia.Samples.git
cd Avalonia.Samples
cd ./src/Avalonia.Samples/CompleteApps/SimpleToDoList
  • SimpleToDoList.csproj 修改为当前环境 .NET SDK 版本
<TargetFramework>net8.0</TargetFramework>
  • 运行项目
dotnet run

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第7张

Avalonia 桌面 UI 库

  • Github: https://github.com/kikipoulet/SukiUI

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第8张

git clone https://github.com/kikipoulet/SukiUI.git
cd SukiUI/SukiUI.Demo
dotnet run

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第9张

Blazor Web UI 框架

  • ASP.Net Core 文档: https://dotnet.microsoft.com/zh-cn/learn/aspnet/blazor-tutorial/intro

  • Blazor 文档: https://learn.microsoft.com/zh-cn/aspnet/core/blazor/?view=aspnetcore-8.0&WT.mc_id=dotnet-35129-website

创建应用

dotnet new blazor -o BlazorApp

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第10张

项目结构

  • Program.cs 是启动服务器以及在其中配置应用服务和中间件的应用的入口点。
  • 在 Components 目录中:
    • App.razor 为应用的根组件。
    • Routes.razor 配置 Blazor 路由器。
    • Pages 目录包含应用的一些示例网页。
  • BlazorApp.csproj 定义应用项目及其依赖项。
  • Properties 目录中的 launchSettings.json 文件为本地开发环境定义不同的配置文件设置。创建项目时会自动分配端口号并将其保存在此文件上。

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第11张

  • 运行应用
dotnet run
  • http://localhost:5291/

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第12张

ASP.NET Core 控制器创建 Web API

  • 创建 Web API 文档: https://learn.microsoft.com/zh-cn/training/modules/build-web-api-aspnet-core/?WT.mc_id=dotnet-35129-website
dotnet --list-sdks
dotnet new webapi -controllers -f net8.0 -o demo

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第13张

  • 项目结构
名称描述
Controllers/包含公共方法公开为 HTTP 终结点的类。
Program.cs配置服务和应用的 HTTP 请求管道,包含应用的托管入口点。
ContosoPizza.csproj包含项目的配置元数据。
ContosoPizza.http包含直接从 Visual Studio Code 测试 REST API 的配置。

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第14张

  • 运行应用
dotnet run
  • http://localhost:5223/weatherforecast

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第15张

dotnet 命令

  • https://learn.microsoft.com/zh-cn/dotnet/core/tools/dotnet

dotnet new

dotnet new -h
  • 列出要使用 dotnet new 运行的可用模板
dotnet new list

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第16张

  • 在 NuGet.org 上搜索 dotnet new 支持的模板
dotnet new search console

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第17张

  • 安装模板包
dotnet new install Microsoft.NET.Runtime.WebAssembly.Templates

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第18张

  • 卸载模板包
# 列出已安装的模板及其详细信息
dotnet new --uninstall
# 卸载 WebAssembly 模板包
dotnet new uninstall Microsoft.NET.Runtime.WebAssembly.Templates

C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),在这里插入图片描述,第19张

  • 更新已安装的模板包
dotnet new update -h
# 检查已安装模板包更新
dotnet new update --check-only
# 更新已安装模板包
dotnet new update

dotnet build

  • 生成项目及其所有依赖项
dotnet build -h

dotnet run

  • 无需任何显式编译或启动命令即可运行源代码
dotnet run -h
dotnet run --no-build

dotnet tool

dotnet tool -h
# 列出全局或本地安装的工具
dotnet tool list
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!