close

這篇文章主要是講如何設定Visual Studio Code (以下簡稱VS Code)並Compile第一個Hello World程式。只有設定並且使用內建的Template所以不用寫任何一行Code。

安裝環境: Windows 7 64-bit

 

請先到微軟的網站下載並安裝Visual Studio Code:

https://code.visualstudio.com/

 

當你一開啟VS Code會看到Welcome歡迎頁面 。此時的VS Code還未設定任何的模組/Compiler就只是個文字編輯器而已。

還要加入一些像程式碼上色以及編譯模組等等才能開始發揮它程式編輯器的功能

VSCode_welcomeP.JPG

 

沒有裝上模組程式碼(例如圖中的"using System" )不會上色。為了程式碼閱讀方便來安裝C#模組吧。

C_Sharpmodule.JPG

 

安裝C#插件

左方有五個圖案分別是: Explorer (檔案總管), Search (搜尋), Source Control, Debug (除錯), Extension (插件)。

點選最下面的Extension (插件)並在搜尋列中輸入"C#"。列表中 "C# for Visual Studio Code (powered by OmniSharp)"會出現

CsharpModel2.JPG

 

在右邊的視窗中有擴充元件的資訊, 點選Install開始安裝。如果你要反安裝插件也是在裡進行。

CsharpModel3.JPG

 

安裝完成之後我們就可以開始建立第一個C#程式了。

先建立一個專門的資料匣(本例中為Helloworld)

helloworld1.JPG

 

使用VSCode開啟這個資料匣 (File -> Open Folder...)。開啟後VSCode會記住這個設定,之後產生的程式碼會放在這個資料匣下。

VSCode_welcomeP.JPG

 

 

使用Visual Studio建立一個獨立的專案不只有一個檔案, 還會有其他像是.csproj, .cs檔等等,VS Code也不例外。這裡我們可以使用指令來建立專案所需的檔案。

使用Ctrl + "`" (通常在鍵盤左上,Tab鍵上面) 叫出Terminal

 cmdTerminal.JPG

 

這裡我們用dotnet new指令建立新的專案。本例以建立Console專案(Windows會跳出一個黑視窗)為例:

輸入 dotnet new console 按下Enter鍵

cmd_dotnetnew.JPG

 

執行完可以看到產生了一些新檔案helloworld.csproj (C#Project檔) 以及 Program.cs(主程式碼在這個檔案裡)。

helloworld2.JPG

 

重建專案
在Terminal中輸入 dotnet restore 指令。VS Code會自動幫我們完成專案的一些相關設定。

cmd_dotnetrestore.JPG

cmd_dotnetrestore2.JPG

 

你可以點選Program.cs。這是VSCode自動產生一個helloworld的程式碼範例。他會在畫面上印出Hello World!這行字。

你也可以把他當成範本直接從這裡開始修改輯寫程式碼。

到這裡為止程式碼已經準備好compile了。

helloworldcode.JPG

 

編譯程式碼

點選左邊的五個圖案中的除錯Debug (下面數上來第二個,禁止蟲蟲的圖案)。在左邊會顯示除錯視窗。在上方有Debug的綠色鍵頭(或者你可以按F5開始Debug)。

綠色鍵頭旁邊白色下拉選單可以選擇編譯器。這裡請選擇".NET Core"編譯器開始編譯

CompileConfig.jpg

 

如果你沒有裝編譯器VS Code會問你要裝哪個編譯器。請選C# (csharp)。

Download_csharpdebugger1.jpg

 

編譯結果。Hollow World!

debug_run.JPG

 

 

執行結果

當編譯完成都沒有發現錯誤後會產生可執行檔。此時我們就可以執行看看結果了。

我們使用 dotnet run 指令執行執行程式。

cmd_dotnetrun.JPG

 

 

Hello World! 出 現!!

到此是VS Code專案從開始建立到編譯執行的大概步驟。

下圖可以看到一個基本的console專案大概會包含這些檔案

folder_final.JPG

 

 

Hello World!出現了....可是我想要小黑窗啊怎麼辨??

這時要改變launch.json中的設定。

按下Open launch.json按鈕,launch.json設定檔會出現。修改其中的console屬性。

預設是"internalConsole"把他改成"externalTerminal"

完成後存檔再按F5編譯

externalTerminal.JPG

 

小黑窗 出現!!

extrenalTerminal2.JPG

 

在看書上還有用到csc指令編譯C#程式碼。這需要:

1) 你的電腦上有裝.Net SDK (下載的連結請參考參考資料的微軟網站)

2) 你的Windows環境變數裡有加上參數

請先安裝.Net SDK (必需)。安裝完後你的電腦上應該會有下面的csc.exe

以我的電腦為例,他在C:\Windows\Microsoft.NET\Framework64\v4.0.30319\

csc.JPG

 

安裝完了當你打開cmd小黑窗想要用csc指令去編輯C#程式碼時,命令提示字元視窗卻告訴你 嘿!我不認得這個命令 

('csc' is not recognized as an internal or external command)?!

因為你還沒有在Windows的環境參數中加上csc的所在路徑

cscexe1.JPG

 

到控制台Control Panel -> System -> Advanced System Settings -> Environmental Variables...

在Path變數的最末尾加上路徑C:\Windows\Microsoft.NET\Framework64\v4.0.30319

(前面必要時加上分號";"以分隔前面的路徑參數)

按OK儲存設定

SystemPath.JPG

 

再到命令提示字元底下使用csc命令你會發現這次他認得這個命令了

"Microsoft (R) Visual C# Compiler version 4.7.2448.0....."

以後你就可以用csc xxxx.cs這個命令去編譯你的C#程式碼了

cscexe2.JPG

 

 

參考資料

https://www.microsoft.com/net/learn/get-started-with-dotnet-tutorial

arrow
arrow
    文章標籤
    Visual Studio Code csharp
    全站熱搜

    staynight0083 發表在 痞客邦 留言(1) 人氣()