.NET簡介
.NET 是一種用於構建多種應用的免費開源開發平臺，例如：
- Web 應用、Web API 和微服務
- 雲中的無伺服器函式
- 雲原生應用
- 移動應用
- 桌面應用
1). Windows WPF
2). Windows 窗體
3). 通用 Windows 平臺 (UWP) - 遊戲
- 物聯網 (IoT)
- 機器學習
- 控制檯應用
- Windows 服務
跨平臺
可以為許多作業系統建立 .NET 應用，包括：
- Windows
- macOS
- Linux
- Android
- iOS
- tvOS
- watchOS
支援的處理器體系結構包括：
- X64
- x86
- ARM32
- ARM64
開源
.NET 是開放原始碼，使用 MIT 和 Apache 2 許可證。 .NET 是 .NET Foundation 的專案。
有關詳細資訊，請參閱GitHub.com 上的專案儲存庫列表和文件。
以上資訊來自.NET文件概述，例行吹噓.NET到此結束，下面進入本文的正題
下載安裝.NET5之後，在命令列中執行以下命令
dotnet
如果安裝成功，你會看到以下的輸出
Usage: dotnet [options]
Usage: dotnet [path-to-application]
Options:
-h|--help Display help.
--info Display .NET information.
--list-sdks Display the installed SDKs.
--list-runtimes Display the installed runtimes.
path-to-application:
The path to an application .dll file to execute.
然後再執行以下命令
dotnet new -l
你會看到以下輸出
Templates Short Name Language Tags
-------------------------------------------- ------------------- ------------ -------------------------------
Console Application console [C#], F#, VB Common/Console
Class library classlib [C#], F#, VB Common/Library
WPF Application wpf [C#] Common/WPF
WPF Class library wpflib [C#] Common/WPF
WPF Custom Control Library wpfcustomcontrollib [C#] Common/WPF
WPF User Control Library wpfusercontrollib [C#] Common/WPF
Windows Forms (WinForms) Application winforms [C#] Common/WinForms
Windows Forms (WinForms) Class library winformslib [C#] Common/WinForms
Worker Service worker [C#], F# Common/Worker/Web
Unit Test Project mstest [C#], F#, VB Test/MSTest
NUnit 3 Test Project nunit [C#], F#, VB Test/NUnit
NUnit 3 Test Item nunit-test [C#], F#, VB Test/NUnit
xUnit Test Project xunit [C#], F#, VB Test/xUnit
Razor Component razorcomponent [C#] Web/ASP.NET
Razor Page page [C#] Web/ASP.NET
MVC ViewImports viewimports [C#] Web/ASP.NET
MVC ViewStart viewstart [C#] Web/ASP.NET
Blazor Server App blazorserver [C#] Web/Blazor
Blazor WebAssembly App blazorwasm [C#] Web/Blazor/WebAssembly
ASP.NET Core Empty web [C#], F# Web/Empty
ASP.NET Core Web App (Model-View-Controller) mvc [C#], F# Web/MVC
ASP.NET Core Web App webapp [C#] Web/MVC/Razor Pages
ASP.NET Core with Angular angular [C#] Web/MVC/SPA
ASP.NET Core with React.js react [C#] Web/MVC/SPA
ASP.NET Core with React.js and Redux reactredux [C#] Web/MVC/SPA
Razor Class Library razorclasslib [C#] Web/Razor/Library
ASP.NET Core Web API webapi [C#], F# Web/WebAPI
ASP.NET Core gRPC Service grpc [C#] Web/gRPC
dotnet gitignore file gitignore Config
global.json file globaljson Config
NuGet Config nugetconfig Config
Dotnet local tool manifest file tool-manifest Config
Web Config webconfig Config
Solution File sln Solution
Protocol Buffer File proto Web/gRPC
我們可以看到可用的 SPA 模板只支援 angular 和 react
Templates Short Name Language Tags
-------------------------------------------- ------------------- ------------ -------------------------------
ASP.NET Core with Angular angular [C#] Web/MVC/SPA
ASP.NET Core with React.js react [C#] Web/MVC/SPA
ASP.NET Core with React.js and Redux reactredux [C#] Web/MVC/SPA
問題來了，我們如何使用 dotnet 命令建立基於 Vuejs 的 SPA 專案呢？
我在 GitHub 上建立了一個專案dotnet-vue，相關的包已經發布到 nuget.org，只需要執行以下命令即可建立一個基於 Vuejs 的 SPA 專案。
專案基於以下技術構建，請先下載安裝
安裝DotnetVue包
dotnet new --install DotnetVue::1.2.0
然後再執行以下命令
dotnet new -l
你會看到以下輸出
Templates Short Name Language Tags
-------------------------------------------- ------------------- ------------ -------------------------------
ASP.NET Core with Vue vue [C#] Web/WebAPI/SPA/Vue
建立新專案
dotnet new vue -o Lemon.Blog.Web
然後執行執行命令
cd Lemon.Blog.Web
dotnet run
在瀏覽器上訪問地址http://localhost:5000/，效果如下
使用 dotnet 命令建立基於 Vuejs 和 ElementUI 的後臺管理專案
我在 GitHub 上建立了一個專案dotnet-element-admin，相關的包已經發布到 nuget.org，只需要執行以下命令即可建立一個基於 Vuejs 的 SPA 專案。
安裝DotnetElementAdmin包
dotnet new --install DotnetElementAdmin::1.0.2
然後再執行以下命令
dotnet new -l
你會看到以下輸出
Templates Short Name Language Tags
-------------------------------------------- ------------------- ------------ -------------------------------
ASP.NET Core with ElementAdmin element-admin [C#] Web/WebAPI/SPA/Vue/ElementAdmin
建立新專案
dotnet new element-admin -o Lemon.BlogAdmin.Web
然後執行執行命令
cd Lemon.BlogAdmin.Web
dotnet run
在瀏覽器上訪問地址http://localhost:5000/，效果如下
