【入門級】-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),如下圖

raw-image

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

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

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

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


2.介面介紹

raw-image

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

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


raw-image

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

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



3.程式撰寫處

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

raw-image



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區間裡寫入這段程式

raw-image


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

raw-image

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

raw-image

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

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


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

raw-image


6.檔案介紹

接下來介紹檔案的部分

raw-image

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


raw-image

接著[.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
橙果杏的沙龍
26會員
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
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
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,不要裝其他次等的文字編輯器,才可以有效提升專業度。」
Thumbnail
當有了初步的認識後,在要開始寫程式之前當然是要選擇用什麼IDE。 如果是線上IDE的話可以用Remix這是一個線上的Solidity IDE,可以用來撰寫Solidity 但我個人是比較習慣微軟的Visual Studio Code(之後簡稱VS Code)來撰寫,兩者其實都可以,看個人習慣。
Thumbnail
當有了初步的認識後,在要開始寫程式之前當然是要選擇用什麼IDE。 如果是線上IDE的話可以用Remix這是一個線上的Solidity IDE,可以用來撰寫Solidity 但我個人是比較習慣微軟的Visual Studio Code(之後簡稱VS Code)來撰寫,兩者其實都可以,看個人習慣。
Thumbnail
IDE是甚麼? IDE又叫做整合開發環境(Integrated Development Environment),在編輯程式碼時有許多的步驟,例如撰寫、編譯、除錯、執行......等過程,都是分開進行,但現在可以在同一個環境下開發,而使用的這些環境正是IDE。
Thumbnail
IDE是甚麼? IDE又叫做整合開發環境(Integrated Development Environment),在編輯程式碼時有許多的步驟,例如撰寫、編譯、除錯、執行......等過程,都是分開進行,但現在可以在同一個環境下開發,而使用的這些環境正是IDE。
Thumbnail
Visual studio code(VS Code),Hello World !
Thumbnail
Visual studio code(VS Code),Hello World !
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News