【入門級】-Visual Studio介紹

2023/03/20閱讀時間約 7 分鐘

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

D.專案使用的相關檔案與參考區
E.對於介面上的 Form和 所使用工具 的屬性設定
介面介紹-2
F.檔案存檔
G.這是程式的偵錯執行,會先做Debug後沒重大錯誤就會直接執行

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

3.程式撰寫處

  從工具箱先選一個按鈕(button)拉到Form1頁面上後,在Form1頁面上快速點兩下Button會進入到form1.cs,指標就會自動到你可以編寫程式的地方。
使用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按鈕顯示訊息
 (2)執行結果:點選button1按鈕後就會出現使用MessageBox的視窗,顯示我們寫的訊息
MessageBox顯示的視窗
那Console呢?去哪裡了?
先按下剛剛MessageBox跳出的視窗,點選確定後,視窗先不要關掉哦!
在原本VS軟體介面上的右下角有個「輸出」,點進去就可以看到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下載

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

*安裝過程有工作負載可以讓我們選擇,這邊我有選擇
Windows:.NET桌面開發、適用Windows平台開發
Web與雲端:資料庫儲存和處理
其它工具組:Visual Studio擴充功能開發
如若自己還有想要其它的可以再自行增加,之後下載完後還想修改它也有出現Visual Studio Installer,後續再來這邊做修改即可哦!
為什麼會看到廣告
橙果杏
橙果杏
Hello~ Welcome to my blog~❤ 這邊會分享我在程式這條道路中的學習與成長, 過程中從而了解自己的不足,再學習。 希望透過分享的方式, 也讓正在學習程式的夥伴們一起學習, 我們一起加油吧~ 「彼此都會成為彼此之間的影響力」(´,,•ω•,,)♡ ❣
留言0
查看全部
發表第一個留言支持創作者!