天天看點

Asp.Net Core 學習教程1、初始.Net Core與VS Code 第一個web程式

Asp.Net Core 學習教程1、初始.Net Core與VS Code 第一個web程式

1、.Net Core介紹

.NET Core是.NET Framework的新一代版本, 是微軟開發的第一個具有跨平台(Windows、Macosx、Linux) 能力的應用程式開發架構,未來也将會支援FreeBSD與Alpine平台,是微軟在一開始發展時就開源的軟體平台,它也經常被拿來和現有的開源NET平台Mono比較。

由于.NET Core的開發目标是跨平台的.NET平台,是以.NET Core會包含.NET Framework的類庫。與.NET Framework不同的是,.NET Core 采用包化(Packages) 的管理方式,應用程式隻需擷取需要的元件即可。與.NET Framework大包式安裝的做法截然不同,并且各包亦有獨立的版本線,不再硬性要求應用程式跟随主線版本。

2、.Net Core跨平台

.Net Core 擁有跨平台能力,并支援多種系統,讓我們開大的程式可以在多個系統中運作。.Net支援的作業系統:Windows 用戶端、Windows 服務端、Debian、Red Hat Enterpise Linux、 Fedora、 Ubuntu、 Linux Mint、 OpenSUSE、 Oracle Linux、 CentOS、 Mac OSX

3、 .Net Core SDK 下載下傳安裝

下載下傳連結  點選就下載下傳了3.0.1.00 也可以去管網下載下傳 

https://dotnet.microsoft.com/download

下載下傳下來微軟的就是傻瓜式安裝,位置就預設了裝在C槽了,下一步下一步就好了 哈哈。安裝好了 win+R 輸入cmd 打開指令提示符輸入 dotnet --info 看到下面的資訊就證明安裝好了

 4、 dotnet指令

一般的指令在指令提示符裡面直接輸入dotnet -all 檢視

比如建立一個項目 它提示了是 new 怎麼搞呢? 不知道就是在來一次 dotnet new -all 可以看到很多建立的指令 都有提示  表頭的意思: 模闆、短名稱、語言、标記 下面建立一個控制台應用程式

進入檔案夾的指令自己搜吧 建立控制台應用程式是dotnet new console -n 名稱     後面要接語言的話後面加上 -lang f#這樣

運作 dotnet run 的時候先要進去到建立項目的檔案夾裡面  其他指令有興趣的自己試試   感覺跟git一樣 哈哈。

 5、在VS Code中建立.Net Core項目

VS codel下載下傳位址:

https://code.visualstudio.com/download

      根據版本選擇自己的下載下傳 我的是Windows 當然安裝過VSCode 的就忽略這一步。安裝好了打開安裝插件 快捷鍵(Ctrl+Shift+X)或者點選左上一排的倒數第二個按鈕 搜尋 C#(包括文法高亮顯示、智能感覺、定義、查找所有引用等。調試支援。網絡核心(CoreCLR)。) 安裝一下 ,一般語言都是中文的 可能有的是英文的就還要安裝一個簡體中文包Chinese (Simplified) 。安裝好了重新開機VS Code。

接下來用dotnet new 建立一個.Net Core web程式  ,輸入了指令要稍等一下 ,有點慢 (可能我的機子慢 0.0)。 建立好了 指令進入建立的檔案夾WebFirst 輸入code . 用VScode快速打開,并加載目前目錄。你也可以打開VS Code左上角打開檔案夾來完成這一部操作。

首次打開的時候會提示我們添加VS Code配置檔案,選擇Yes就好了,等出現.vscode檔案夾後就可以開發、調試程式了。按F5或者菜單:調試->啟動調試啟動項目  出現錯誤咯

遇到問題不要慌 看看 。這是因為net core2.1預設使用的https,如果使用Kestrel web伺服器的話沒有安裝證書就會報這個錯。其實仔細看他的錯誤提示,其中有一句叫你執行一個指令安裝證書的語句: dotnet dev-certs https --trust 

安裝就是了  這是啟動就浏覽器就出現了 Hello Word!好熟悉的感覺  你要相信這是真的 這就是.Net Core 的一個程式。神奇吧。

5.1關于 VS Code C#插件配置介紹

使用VS Code打開.Net Core 項目檔案夾後悔根據提示生成VS Code所需要的的配置檔案,就是剛才說的C#配置檔案。在.vscode檔案夾下面有兩個檔案 :launch.json和tasks.json。tasks.json是用于配置執行那些指令行指令來建構項目,launch.json配置需要使用的調試器的類型。有了這兩個檔案 VS Code就知道如何建構調式了。

{

"version": "2.0.0",
"tasks": [
    {
        "label": "build",
        "command": "dotnet",
        "type": "process",
        "args": [
            "build",
            "${workspaceFolder}/Co.csproj",
            "/property:GenerateFullPaths=true",
            "/consoleloggerparameters:NoSummary"
        ],
        "problemMatcher": "$msCompile"
    },
    {
        "label": "publish",
        "command": "dotnet",
        "type": "process",
        "args": [
            "publish",
            "${workspaceFolder}/Co.csproj",
            "/property:GenerateFullPaths=true",
            "/consoleloggerparameters:NoSummary"
        ],
        "problemMatcher": "$msCompile"
    },
    {
        "label": "watch",
        "command": "dotnet",
        "type": "process",
        "args": [
            "watch",
            "run",
            "${workspaceFolder}/Co.csproj",
            "/property:GenerateFullPaths=true",
            "/consoleloggerparameters:NoSummary"
        ],
        "problemMatcher": "$msCompile"
    }
]           

}

節點介紹:

command節點在這裡表示使用dotnet指令;

args 在這裡是參數對應路徑dotnet.csproj 及build

結合起來就相當于指向了dotnet build 路徑dotnet.csproj

// Use IntelliSense to find out which attributes exist for C# debugging

// Use hover for the description of the existing attributes

// For further information visit

https://github.com/OmniSharp/omnisharp-vscode/blob/master/debugger-launchjson.md

"version": "0.2.0",

"configurations": [

{
        "name": ".NET Core Launch (web)",
        "type": "coreclr",
        "request": "launch",
        "preLaunchTask": "build",
        // If you have changed target frameworks, make sure to update the program path.
        "program": "${workspaceFolder}/bin/Debug/netcoreapp3.1/Co.dll",
        "args": [],
        "cwd": "${workspaceFolder}",
        "stopAtEntry": false,
        // Enable launching a web browser when ASP.NET Core starts. For more information: https://aka.ms/VSCode-CS-LaunchJson-WebBrowser
        "serverReadyAction": {
            "action": "openExternally",
            "pattern": "^\\s*Now listening on:\\s+(https?://\\S+)"                
        },
        "env": {
            "ASPNETCORE_ENVIRONMENT": "Development"
        },
        "sourceFileMap": {
            "/Views": "${workspaceFolder}/Views"
        }
    },
    {
        "name": ".NET Core Attach",
        "type": "coreclr",
        "request": "attach",
        "processId": "${command:pickProcess}"
    }
]           

節點介紹:(這裡主要是configurations節點下)

program: 這裡表示程式build以後生成的dll,預設是binDebug架構項目名稱.dll

args:用樣式參數,這個參數可以傳遞到程式裡

cwd:代碼的目錄

通路的時候是https不信的試試看,要改成http。打開Properties/launchSettings.json檔案

"iisSettings": {

"windowsAuthentication": false, 
"anonymousAuthentication": true, 
"iisExpress": {
  "applicationUrl": "http://localhost:22028",
  "sslPort": 44383
}           

},

"profiles": {

"IIS Express": {
  "commandName": "IISExpress",
  "launchBrowser": true,
  "environmentVariables": {
    "ASPNETCORE_ENVIRONMENT": "Development"
  }
},
"WebFirst": {
  "commandName": "Project",
  "launchBrowser": true,
  "applicationUrl": "https://localhost:5001;http://localhost:5000",
  "environmentVariables": {
    "ASPNETCORE_ENVIRONMENT": "Development"
  }
}           

iisSettings、profiles.helloweb配置節點都有啟動綁定配置,因為VS Code啟動項目預設是不通過IIS來host的,iisSettings選項我們忽略就可以了。将applicationUrl修改為

http://localhost:5001

重新開機就看到了是http協定了

5.2項目結構說明:

.vscode目錄:VS Code項目配置目錄,相當于.vs、.idea檔案夾;

bin:編譯輸出目錄;

obj:編譯配置與中間目錄,用于存放編譯配置與編譯中間結果;

Properties:用于存放項目配置;

wwwroot:存放靜态檔案(JS,css,img等);

WebFirst.csproj:項目描述檔案;

Program.cs檔案:應用程式入口類檔案

Startup.cs檔案:ASP.NET Core Web應用啟動類檔案,用于項目啟動前進行相關配置

 6、總結

現在大緻已經會在VS Code建一個.Net Core應用程式了,我門的目的不是這麼簡單,接下來就是在VS 2017 裡面開始學習 Asp.Net Core 了(Asp.Net Core ==.Net Core ??),重點介紹一下Program.cs 跟Startup.cs這兩個檔案,我覺得現在不知道他們是什麼意思沒事 接下來慢慢學吧隻有知道了就好寫程式了吧。哪裡不對的多多指教^_^

本文連結 

https://www.cnblogs.com/w5942066/p/12195984.html

繼續閱讀