實作官網 ASP.NET Core 教學

我們跟著官網教學中的教學課程： Razor 使用 ASP.NET Core 建立頁面 web 應用程式 教學來做練習，
透過教學中的每一個步驟，完成一次的練習，帶大家一步步完成，
最後部署到Azure平台上。

本系列包含下列教學課程：

1. 建立 Razor 頁面 web 應用程式
2. 將模型新增至 Razor 頁面應用程式
3. Scaffold (產生) Razor 頁面
4. 使用資料庫
5. 更新 Razor 頁面
6. 新增搜尋
7. 新增欄位
8. 新增驗證

1. 建立 Razor 頁面 web 應用程式

由於我們的IDE使用Visual Studio Code開發，所以要看範例時請點選Visual Studio Code

建立 Razor 頁面 web 應用程式

名稱: PellokITHome

dotnet new webapp -o PellokITHome
code -r PellokITHome

在 MacOS X 的 Terminal 中，使用指令開啟 Visual Studio Code

信任 https 驗證

dotnet dev-certs https --trust

檢查專案檔

新增 NuGet 套件和 EF 工具

安裝 dotnet-ef 工具 與 dotnet-aspnet-codegenerator 工具

dotnet tool install --global dotnet-ef
dotnet tool install --global dotnet-aspnet-codegenerator

專案安裝兩個 Dotnet 工具

專案加入四個套件

cd PellokITHome
dotnet add package Microsoft.EntityFrameworkCore.SQLite
dotnet add package Microsoft.VisualStudio.Web.CodeGeneration.Design
dotnet add package Microsoft.EntityFrameworkCore.Design
dotnet add package Microsoft.EntityFrameworkCore.SqlServer

檢查 PellokITHome.csproj 檔案是否有上面加入的四個套件

專案加入四個套件，以下是這四個套件的說明

加入Git版控

Git初始化

git init

創建.gitignore，過濾不需要的暫存檔與環境檔

touch .gitignore

以下內容加入 .gitignore檔

bin/*
obj/*
.vscode/*

查看狀態

git status

加入索引，提交

git add .
git commit -m "Project init"

創建雲端倉庫，前往GitHub New 頁面創建倉庫

上傳到雲端倉庫

git remote add origin https://github.com/pellok/PellokITHome.git
git push -u origin master

相關連結:

上一篇 Day08 Azure SQL 服務
下一篇 Day10 實作官網 ASP.NET Core 教學(二)