【入門級】-Visual Studio介紹

更新於 發佈於 閱讀時間約 8 分鐘

一、Visual Studio是什麼?


  Viusal Studio亦是Microsoft Visual Studio,簡稱VS或MSVS,它是微軟所開發的一個基本完整的開發工具,它有三個版本Community(社群版)、Professional(專業版)、Enterprise(企業版),那麼我們使用Community(社群版)就可以了,它是微軟免費提供給學生和個人開發使用,它所支援的程式語言有很多,包括C++、C#、python、JavaScript等等都有。

  目前最新的一代已經到了Visual Studio 2022,這邊我所使用的會是Visual Studio 2017,它的整合式開發環境(IDE)中包含設計工具、編輯器、偵錯工具、分析工具等,這些足以協助我們在Windows、Android和iOS下可以執行的各種應用程式的設計,包括Web應用程式、雲端服務等等。


二、整合式開發環境(IDE)是什麼神奇的存在?


  它全名是Integrated Development Environment,簡稱IDE,是一個程式開發工具,在貳、為什麼要學習程式呢?中有提到高階轉低階語言的執行步驟,而IDE做的內容包含這個執行步驟〔處理編譯器(compiler)、組譯器(assembler) 連結器(linker)〕相關事務外,還有對於程式要做除錯(Debug),方能正常執行程式。


  由於現在很多都使用高階語言程式在撰寫,而電腦依舊很挑剔只選0、1兩個數字,所以必須將語言做轉換,中間過程都需要這些處理器,原本這些處理器都是很零散的(如同我們的圖書館,需要什麼書籍就還要找尋後再拿出來),由於每次都需要用到,因此就將這些處理器整合在一起方便我們在同一個環境做開發,就不用擔心後續轉換過程的問題還要去做處理。所以要非常感謝做這個IDE的開發人員,幫我們減少很多的負擔。


三、Visual Studio介面介紹與使用


1.建立檔案

 (1)開啟VS後,點選「檔案」->「新增」->「專案」
 (2)左邊項目選擇「Visual C#」,中間選擇「Windows Forms App(.NET Framework),如下圖

建立新專案

建立新專案

 (3)專案名稱位置設定,設定完後按「確定」,專案就可以建立完成。下面是專案名稱位置相關說明:

名稱  :專案的名字
位置  :選擇你想要存檔在地方
方案名稱:整個方案的名稱(.sln)
架構  :就是你使用的架構是基於哪一個

  只要修改名稱、位置的地方就好,其他都可以不動,名稱盡量修改為跟專案有關的,以後才會知道這個專案是在做什麼用途,位置也盡量選一個以後可以放其它專案的資料夾的地方,ex:VC#學習用,位置就可以直接定在VC#學習用,以後就可以從這個資料裡面去尋找相關學習用的VC#專案。

  對於 方案名稱 通常會在建立時會跟名稱一起變更,基本就不要動它,而為什麼會有方案名稱?是因為一個專案中可能會有很多專案,所以需要用方案來將所有專案或專案項目集中。


2.介面介紹

介面介紹-1

介面介紹-1

A.可以使用的一些相關工具的工具箱
B.我們的設計介面地方
C.顯示我們作業的情況,ex:程式錯誤清單

D.專案使用的相關檔案與參考區
E.對於介面上的 Form和 所使用工具 的屬性設定


介面介紹-2

介面介紹-2

F.檔案存檔
G.這是程式的偵錯執行,會先做Debug後沒重大錯誤就會直接執行

H.這邊會顯示你開啟哪些檔案
(在Form1.cs這個檔通常是我們在設計程式的地方,Program.cs會是應用程式主要進入的點)
I.這邊會顯示目前程式進度狀況



3.程式撰寫處

  從工具箱先選一個按鈕(button)拉到Form1頁面上後,在Form1頁面上快速點兩下Button會進入到form1.cs,指標就會自動到你可以編寫程式的地方。

使用button準備撰寫程式

使用button準備撰寫程式



4.在VC#撰寫程式基本方法

 (1)通常在寫程式的時候,幾乎都在寫完一句的後面加個分號「;」 ,代表這個動作完成,要記得唷!!

 (2)「//」代表註解,程式是不會執行,這是給我們設計程式的人看的,適合對於小部分做標記。

 (3)「#region 事情A」...「#endregion 事情A」這是可以對於程式段落大綱做區分的。

目前先記得這三個,剩下的就由例子慢慢地學習與了解,寫程式要適時地使用註解方便以後看code的時候可以快速了解那一行、那一段程式是在寫什麼。


5.實例-顯示訊息方法

視窗型顯示訊息:
MessageBox.Show("這一行 MessageBox.Show() 代表會跳出視窗顯示訊息");

主控台顯示訊息:
Console.Write("這是不會換行的輸出文字用法****");
Console.WriteLine("這可以自動換行****");
說明:
使用MessageBox做Show這個動作,使用Console做Write或WriteLine動作


接著根據上面4.程式撰寫處建立Button之後就可以開始寫程式,這邊給大家看實際例子狀況

 (1)在button1_Click區間裡寫入這段程式

透過button1按鈕顯示訊息

透過button1按鈕顯示訊息


 (2)執行結果:點選button1按鈕後就會出現使用MessageBox的視窗,顯示我們寫的訊息

MessageBox顯示的視窗

MessageBox顯示的視窗

那Console呢?去哪裡了?
先按下剛剛MessageBox跳出的視窗,點選確定後,視窗先不要關掉哦!
在原本VS軟體介面上的右下角有個「輸出」,點進去就可以看到Console顯示訊息的結果

Console顯示的訊息

Console顯示的訊息

因為Console是主控台,所以顯示的內容會出現在這裡。

說明:
A.B.段是Console.Write寫出來的文字,顯示完訊息後指標是 不會 自動換行的
C.D.段是Console.WriteLine寫出的文字,則顯示完訊息後指標是 可以 自動換行


(3)關閉程式可以將視窗關閉,或是直接點選原本VS軟體介面上的「停止偵錯」正方形的那一顆按鈕就可以結束程式了。

停止偵錯

停止偵錯


6.檔案介紹

接下來介紹檔案的部分

方案檔案介紹

方案檔案介紹

首先,找到我們的存放的位置區,點開來後會出現一個資料夾。然而點進去後會看到三個檔案,「.sln」是我們可以進入VC#開發環境繼續設計程式的軟體


找到編譯完的程式

找到編譯完的程式

接著[.sln]的上面那一個專案資料夾,它會放一些參考檔案、組態檔、C#的原始檔(.cs)......相關檔案。我們先點進去專案資料夾裡,直接進入到「bin」資料夾內的「Debug」資料夾中會看到三個檔案,而有一個圖形是視窗的檔案為應用程式(滑鼠點選的那一個),這是已經編譯完的程式可以不用進入到VS開發環境,點選它就可以直接執行程式哦!


到這有沒有比較了解Visual Studio大概的狀況了呀~
那麼接下來會先介紹怎麼製作流程圖,在製作程式的時候流程圖是很重要的一環,可以快速了解整支程式的流程狀況喔!


四、Visual Studio下載

*如果沒有這套軟體的,這邊提供給大家微軟官方的下載連結

https://visualstudio.microsoft.com/zh-hant/vs/community/


*安裝過程有工作負載可以讓我們選擇,這邊我有選擇

Windows:.NET桌面開發、適用Windows平台開發

Web與雲端:資料庫儲存和處理

其它工具組:Visual Studio擴充功能開發

如若自己還有想要其它的可以再自行增加,之後下載完後還想修改它也有出現Visual Studio Installer,後續再來這邊做修改即可哦!

留言
avatar-img
留言分享你的想法!
Peter Lin-avatar-img
2025/02/11
受益良多,感謝用心講解。
avatar-img
橙果杏的沙龍
24會員
43內容數
Hello~ Welcome to my blog~❤ 這邊會分享我在程式這條道路中的學習與成長, 過程中從而了解自己的不足,再學習。 希望透過分享的方式, 也讓正在學習程式的夥伴們一起學習, 我們一起加油吧~ 「彼此都會成為彼此之間的影響力」(´,,•ω•,,)♡ ❣
橙果杏的沙龍的其他內容
2024/07/30
一、什麼是WinSocket? 也就是大家常說的WinSock全名為Windows Sockets API (WSA),它會透過TCP/IP通訊協定來做網路的通訊,會用在Windows操作系統上來開發網路應用的API(應用程式介面)   二、WinSocket用在哪裡?   Socket可以
Thumbnail
2024/07/30
一、什麼是WinSocket? 也就是大家常說的WinSock全名為Windows Sockets API (WSA),它會透過TCP/IP通訊協定來做網路的通訊,會用在Windows操作系統上來開發網路應用的API(應用程式介面)   二、WinSocket用在哪裡?   Socket可以
Thumbnail
2024/06/29
當我們架好站、WebService測試完,接著就是測試區域網路連線啦~
Thumbnail
2024/06/29
當我們架好站、WebService測試完,接著就是測試區域網路連線啦~
Thumbnail
2024/06/20
前面已經安裝好IIS後,並且也新建站台了,那麼接下來這篇就會分享如何使用它
Thumbnail
2024/06/20
前面已經安裝好IIS後,並且也新建站台了,那麼接下來這篇就會分享如何使用它
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
在學習C#之前,必須先建立開發環境,例如安裝Visual Studio或其他IDE,並且建立第一個C#專案。可以在Visual Studio中或使用dotnet CLI來建立各種類型的專案。
Thumbnail
在學習C#之前,必須先建立開發環境,例如安裝Visual Studio或其他IDE,並且建立第一個C#專案。可以在Visual Studio中或使用dotnet CLI來建立各種類型的專案。
Thumbnail
VS code是什麼? Visual Studio Code(通常縮寫為VS Code)是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言,提供了一系列先進功能和插件,讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
Thumbnail
VS code是什麼? Visual Studio Code(通常縮寫為VS Code)是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言,提供了一系列先進功能和插件,讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
Thumbnail
Vscode 的全名是 (Visual Studio Code),是一種程式編輯器,它支援許多語言,且有對於使用者很有好的功能 Vscode 支援的程式語言 以下只列出部份而已,我最常用且最喜歡的語言就是 Python 和 C/C
Thumbnail
Vscode 的全名是 (Visual Studio Code),是一種程式編輯器,它支援許多語言,且有對於使用者很有好的功能 Vscode 支援的程式語言 以下只列出部份而已,我最常用且最喜歡的語言就是 Python 和 C/C
Thumbnail
一、Visual Studio是什麼?   Viusal Studio亦是Microsoft Visual Studio,簡稱VS或MSVS,它是微軟所開發的一個基本完整的開發工具,它有三個版本Community(社群版)、Professional(專業版)、Enterprise(企業版),
Thumbnail
一、Visual Studio是什麼?   Viusal Studio亦是Microsoft Visual Studio,簡稱VS或MSVS,它是微軟所開發的一個基本完整的開發工具,它有三個版本Community(社群版)、Professional(專業版)、Enterprise(企業版),
Thumbnail
一、C#介紹 二、為什麼要學C# 三、.NET Framework介紹
Thumbnail
一、C#介紹 二、為什麼要學C# 三、.NET Framework介紹
Thumbnail
這邊要來跟大家介紹C#,使用的軟體會是Visual Studio 2017版本 介紹內容架構可以分六大階段:入門級、基礎級、中低階級、中階級、中高階級、高階級 在正式開始寫程式前,要先了解一些基本概念哦! 就如同學中文前要先了解ㄅㄆㄇㄈ或羅馬拼音之類的,程式也是一樣道理,先把基本概念了解後再來開始
Thumbnail
這邊要來跟大家介紹C#,使用的軟體會是Visual Studio 2017版本 介紹內容架構可以分六大階段:入門級、基礎級、中低階級、中階級、中高階級、高階級 在正式開始寫程式前,要先了解一些基本概念哦! 就如同學中文前要先了解ㄅㄆㄇㄈ或羅馬拼音之類的,程式也是一樣道理,先把基本概念了解後再來開始
Thumbnail
「VSCode 是世上最棒的 IDE 了吧」這時有人跳出來表示不服,定睛一看原來是那陳年的大哥 Visual Studio,他說道:「用 Windows 做開發的人一定要裝 Visual Studio 這樣專業的 IDE,不要裝其他次等的文字編輯器,才可以有效提升專業度。」
Thumbnail
「VSCode 是世上最棒的 IDE 了吧」這時有人跳出來表示不服,定睛一看原來是那陳年的大哥 Visual Studio,他說道:「用 Windows 做開發的人一定要裝 Visual Studio 這樣專業的 IDE,不要裝其他次等的文字編輯器,才可以有效提升專業度。」
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News