iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 3
1
Modern Web

.Net Core 網站開發 101系列 第 3

用 Visual Studio Code 來開發

  • 分享至 

  • xImage
  •  

Visual Studio Code 是現在許多人選擇的開發環境,比起 Visual Studio 輕量許多,可以透過安裝各種擴充功能來滿足不同開發人員、不同程式語言的需求。今天就來使用 Visual Studio Code 執行昨天建立的專案吧!

事前準備

  1. 安裝 Visual Studio Code
  2. 安裝 .NET Core Sdk
  3. 安裝 C# 擴充功能
    • 點選左側的擴充功能 icon,搜尋 C# ,安裝後重啟。https://ithelp.ithome.com.tw/upload/images/20181017/20107875vx3bPhIAXp.png

偵錯

  1. 點選上方選單中的「檔案 > 開啟資料夾」,開啟我們昨天建立的專案目錄。https://ithelp.ithome.com.tw/upload/images/20181017/20107875zRtfEkwmvz.png
  2. 點選左側的偵錯 icon,第一次開啟專案時沒有包含執行的組態設定。https://ithelp.ithome.com.tw/upload/images/20181017/20107875rI2B6KHvir.png
  3. 新增組態。https://ithelp.ithome.com.tw/upload/images/20181017/2010787583KQQvrZL7.png
  4. 選擇 .NET Corehttps://ithelp.ithome.com.tw/upload/images/20181017/20107875EaCmX5OhBM.png
  5. 會發現目錄中多了 .vscode/launch.json 檔案。https://ithelp.ithome.com.tw/upload/images/20181017/20107875Z4BtVyaGpo.png
  6. 要把 <insert-target-framework-here><insert-project-name-here> 換成符合專案的設定,這邊分別為 netcoreapp2.1ironman2018https://ithelp.ithome.com.tw/upload/images/20181017/20107875ZEE3eNinEp.png
  7. 組態選擇 .NET Core Launch (web),再點左邊的綠色箭頭或 F5 執行。https://ithelp.ithome.com.tw/upload/images/20181017/20107875b9n1B61vcl.png
  8. 第一次執行時會跳出這個錯誤。https://ithelp.ithome.com.tw/upload/images/20181017/201078757RjaBPSEBt.png
  9. 選擇「設定工作 > 從範本建立 tasks.json 檔案 > .NET Core」。https://ithelp.ithome.com.tw/upload/images/20181017/20107875xZKMl4fDs9.png
  10. 多了 .vscode/tasks.json 檔案。https://ithelp.ithome.com.tw/upload/images/20181017/20107875RP5mmdWclS.png
  11. 就可以正常執行了!

參考資料

但說到 C#,怎麼可以跳過 地表最強 IDE 呢!


上一篇
常用 dotnet 命令介紹
下一篇
用 Visual Studio 來開發
系列文
.Net Core 網站開發 10131
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
eric19740521
iT邦新手 1 級 ‧ 2021-03-26 00:35:16

我查了一下


D:\csharp\ironman2018> dotnet --version
5.0.201

我這版,不需要改
<insert-target-framework-here> 和 <insert-project-name-here>

按F5
也多了 .vscode/tasks.json

Rex Chien iT邦新手 4 級 ‧ 2021-03-26 17:50:31 檢舉

應該是 VS Code 自動建立的

對阿!!我用新版測試的

我要留言

立即登入留言