在Visual Studio Code 中,打开“资源管理器”并选择“创建 .NET 项目”。 在下拉列表中选择“.NET MAUI Blazor 混合应用”。 在弹出窗口中新建一个名为 BlazorHybridApp 的文件夹,然后选择“选择文件夹”。 将项目命名为 BlazorHybridApp,然后按 Enter 进行确认。
若要生成第一个 .NET 应用程序,需要安装 .NET SDK、Visual Studio Code 和 C# 开发工具包。 什么是 .NET SDK、Visual Studio Code 和 C# 开发工具包? .NET SDK (软件开发工具包)是使用 C# 生成和运行应用程序所需的工具和库的免费开源集合。C# 是你将在本教程中使用的面向对象的新式编程语言。
创建组件后,可以使用 Visual Studio Code 将其打开以编辑: Bash code Pages/PizzaBrowser 在Blazor 组件中编写代码 在Blazor 中生成 UI 时,通常在同一文件中将静态 HTML 和 CSS 标记与 C# 代码混合使用。 若要区分这些类型的代码,请使用 Razor 语法。 Razor 语法包括以符号为前缀的@指令,这些指令...
Visual Studio Code 包含一个集成终端,这使创建新项目变得简单。如果不想使用其他代码编辑器,可在终端中运行此模块中的命令。 在Visual Studio Code 中,选择“文件” > “打开文件夹”。 在选择的位置中新建一个名为 BlazorApp 的文件夹,然后单击“选择文件夹”。 从主菜单中选择“视图” > “终端”,以便从 ...
Announcing the .NET MAUI extension for Visual Studio Code - Visual Studio Blog (microsoft.com) 安装MAUI扩展 在VS Code扩展中搜索一下net maui,安装即可,它会检查并自动安装依赖的C#和C# Dev Kit扩展包。安装完毕重启一下VS Code。 新建MAUI Blazor项目 ...
Visual Studio Code Develop on macOS, Windows, or Linux to build cross-platform websites and services. Install the C# Dev Kit extension to get the best experience. Download VS Code Visual Studio Develop with the best IDE for .NET on Windows. Packed with an array of tools and features to ...
易于测试和调试:由于Blazor应用程序的代码都是使用C#编写的,因此可以使用Visual Studio和其他C#开发工具对其进行测试和调试,简化了开发人员的工作和提高Bug查找效率。 可以重用现有代码:由于Blazor使用.NET框架和C#编程语言,因此可以重用现有的.NET库和组件,简化了开发过程并提高了代码的复用性。
打开Visual Studio Code,通过从顶部菜单中选择“终端”>“新终端”来打开集成终端。 在终端中,更改到要创建项目的目录。 运行以下命令,将应用从 GitHub 克隆到本地子目录。 Bash gitclonehttps://github.com/MicrosoftDocs/mslearn-build-interactive-components-blazor.git BlazingPizza ...
1: Visual Studio Community 2019 16.6.30225.117 16.6.0 - "C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\Current\Bin" 2: StandAlone 17.0.0 - "c:\Users\drothy64\.vscode\extensions\ms-dotnettools.csharp-1.23.14\.omnisharp\1.37.15-beta.7\.msbuild\Current\Bin" ...