使用VSCode創建簡單的Razor Webapp--1.入門


1.下載vscode,安裝dotnet core sdk

在cmd中使用命令dotnet --version可以查看當前安裝的版本

2.打開vscode,設置語言和擴展

在最左邊的工具欄,點擊最下面的擴展按鈕

搜索並安裝如下兩項

3.新建項目

按CTRL+~鍵,打開命令終端

輸入以下命令

dotnet new webapp 是在當前文件夾下新建了一個名為RazorDemo的webapp項目

成功后輸入code -r RazorDemo 即在vscode的當前實例中打開RazorDemo文件夾。

4.添加證書

這時右下角通知會出現

譯:RazorDemo項目缺少必要的運行和調試的資源,是否添加?選擇Yes

在項目的資源目錄下會多出一個.vscode的文件夾,里面有兩個json文件

然后打開命令終端,輸入命令:dotnet dev-certs https --trust  在彈出的對話框中選擇yes

5.項目文件概述

Pages文件夾包含 Razor 頁面和支持文件。 每個 Razor 頁面都是一對文件:

  • 一個 .cshtml 文件,其中包含使用 Razor 語法的 C# 代碼的 HTML 標記 。
  • 一個 .cshtml.cs 文件,其中包含處理頁面事件的 C# 代碼 。

支持文件的名稱以下划線開頭。 例如,_Layout.cshtml 文件可配置所有頁面通用的 UI 元素 。

wwwroot文件夾:包含靜態文件,如 HTML 文件、JavaScript 文件和 CSS 文件。

appSettings.json:包含配置數據,如連接字符串。

Program.cs:包含程序的入口點。

Startup.cs:包含配置應用行為的代碼。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM