vscode-masa-blazor-preview 为vscode插件项目。

DynamicRenderRazorDemoInJs 为后端服务项目

1. 打开*.razor/*.cshtml文件时，点击右上角预览Razor文件，渲染整个文件。
2. 打开*.razor/*.cshtml文件时，选中一段代码，渲染右键选中部分。

将两个项目克隆到本地，vscode-masa-blazor-preview\vscode-masa-blazor-preview和DynamicRenderRazorDemoInJs\src\DynamicRazorRender.Server 为主要代码。

cd ./vscode-masa-blazor-preview/vscode-masa-blazor-preview

yarn

cd ./DynamicRenderRazorDemoInJs/src

dotnet restore

均在vscode的环境下开发。

使用vscode打开目录vscode-masa-blazor-preview\vscode-masa-blazor-preview, 按F5键即可开始调试插件项目。

后端服务监听地址设置为默认http://localhost:5000。

注释vscode-masa-blazor-preview\vscode-masa-blazor-preview\src\extension.ts第34行代码。

// sessionManagerV2.start();

单独启动后端项目或者启动调试。

# DynamicRenderRazorDemoInJs/src/DynamicRazorRender.Server

dotnet run --urls=http://localhost:5000

vscode-masa-blazor-preview\vscode-masa-blazor-preview\src\extension.ts第34行代码去掉注释。

sessionManagerV2.start();

将后端项目生成输出到插件项目vscode-masa-blazor-preview\vscode-masa-blazor-preview\modules\RazorPreviewService\目录下

# DynamicRenderRazorDemoInJs/src/DynamicRazorRender.Server

dotnet publish -c Release -o ..\..\..\vscode-masa-blazor-preview\vscode-masa-blazor-preview\modules\RazorPreviewService\

直接启动插件项目调试即可