【入門級】-Visual Studio介紹

更新於 發佈於 閱讀時間約 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,後續再來這邊做修改即可哦!
為什麼會看到廣告
avatar-img
22會員
43內容數
Hello~ Welcome to my blog~❤ 這邊會分享我在程式這條道路中的學習與成長, 過程中從而了解自己的不足,再學習。 希望透過分享的方式, 也讓正在學習程式的夥伴們一起學習, 我們一起加油吧~ 「彼此都會成為彼此之間的影響力」(´,,•ω•,,)♡ ❣
留言
avatar-img
留言分享你的想法!
Peter Lin-avatar-img
2025/02/11
受益良多,感謝用心講解。
橙果杏的沙龍 的其他內容
一、C#介紹 二、為什麼要學C# 三、.NET Framework介紹
這邊要來跟大家介紹C#,使用的軟體會是Visual Studio 2017版本 介紹內容架構可以分六大階段:入門級、基礎級、中低階級、中階級、中高階級、高階級 在正式開始寫程式前,要先了解一些基本概念哦! 就如同學中文前要先了解ㄅㄆㄇㄈ或羅馬拼音之類的,程式也是一樣道理,先把基本概念了解後再來開始
一、C#介紹 二、為什麼要學C# 三、.NET Framework介紹
這邊要來跟大家介紹C#,使用的軟體會是Visual Studio 2017版本 介紹內容架構可以分六大階段:入門級、基礎級、中低階級、中階級、中高階級、高階級 在正式開始寫程式前,要先了解一些基本概念哦! 就如同學中文前要先了解ㄅㄆㄇㄈ或羅馬拼音之類的,程式也是一樣道理,先把基本概念了解後再來開始
你可能也想看
Google News 追蹤
Thumbnail
全新 vocus 挑戰活動「方格人氣王」來啦~四大挑戰任你選,留言 / 愛心 / 瀏覽數大 PK,還有新手專屬挑戰!無論你是 vocus 上活躍創作者或剛加入的新手,都有機會被更多人看見,獲得站上版位曝光&豐富獎勵!🏆
Thumbnail
在時尚產業跟傳播圈混過,其實多少都會上點妝。看要出席的場合而定,我會選擇性的在妝容上做調整,如果今天要去採訪三金系列的活動,可能整臉全妝都有!
Thumbnail
《設計的方法》這本書提供了100個設計方法的介紹,以易懂的文字幫助學生深入理解設計方法的使用情境和目的。本書不僅明確說明每個設計方法的適用條件,還附上了參考文獻,方便對設計知識追求更深入的讀者查找。本書是設計方法學習的極佳資源。瞭解更多設計的思維與方法,讓設計過程更有效率。
Visual Studio Code (VS Code) 是一款由微軟(Microsoft)開發的免費、開源的輕量級程式碼編輯器,廣泛用於編寫和管理程式碼。它功能強大,支持多種程式語言(如 Python、JavaScript、C++ 等),同時也有許多可擴展的插件和工具,適合初學者和專業開發者。
Thumbnail
本書分為上下兩冊,以朱光潛的視角深入探討西方美學的歷史,涵蓋從古希臘至二十世紀初的精彩觀點。書中對40多位美學家的理論進行了全面介紹和比較,雖然閱讀難度中等,但內容豐富且具有深度,適合作為美學史的入門參考。書中也探討了美學與時代背景的關聯,並提供了作者對書寫目的的獨特見解,值得一讀。
Thumbnail
在面對當前中國威脅的情勢下,許多人擔心臺灣的安全,並希望做好戰爭準備。本文推薦沃草所推出的《積極行動指南》,這本薄且實用的民防手冊不僅提供基本的準備知識,還涵蓋了避難物資、傷口處理及公民抵抗等多方面的內容。手冊旨在讓讀者能在緊急情況下從容應對,以提升臺灣的社會抗壓韌性,以便於未來可能的挑戰。
Thumbnail
本系列文章將以深入淺出的音樂語言及資訊,搭配古典樂名曲的影片來做講解及賞析,期待樂友們除了可以純粹聆聽古典樂外,也可藉由這系列的文章更深入的了解樂曲內涵及作曲家本人的故事,一起遨遊於古典樂的美妙世界!
首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來,接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json,就可以開始你的設定拉(主要是依照個人的喜好設定
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
本章講述了C#開發中的程序集,命名空間和 NuGet 包管理器。程序集是 .NET 應用的基礎,命名空間用於組織和預防命名衝突,而 NuGet 用於管理 .NET 的外部庫和依賴項。
Thumbnail
全新 vocus 挑戰活動「方格人氣王」來啦~四大挑戰任你選,留言 / 愛心 / 瀏覽數大 PK,還有新手專屬挑戰!無論你是 vocus 上活躍創作者或剛加入的新手,都有機會被更多人看見,獲得站上版位曝光&豐富獎勵!🏆
Thumbnail
在時尚產業跟傳播圈混過,其實多少都會上點妝。看要出席的場合而定,我會選擇性的在妝容上做調整,如果今天要去採訪三金系列的活動,可能整臉全妝都有!
Thumbnail
《設計的方法》這本書提供了100個設計方法的介紹,以易懂的文字幫助學生深入理解設計方法的使用情境和目的。本書不僅明確說明每個設計方法的適用條件,還附上了參考文獻,方便對設計知識追求更深入的讀者查找。本書是設計方法學習的極佳資源。瞭解更多設計的思維與方法,讓設計過程更有效率。
Visual Studio Code (VS Code) 是一款由微軟(Microsoft)開發的免費、開源的輕量級程式碼編輯器,廣泛用於編寫和管理程式碼。它功能強大,支持多種程式語言(如 Python、JavaScript、C++ 等),同時也有許多可擴展的插件和工具,適合初學者和專業開發者。
Thumbnail
本書分為上下兩冊,以朱光潛的視角深入探討西方美學的歷史,涵蓋從古希臘至二十世紀初的精彩觀點。書中對40多位美學家的理論進行了全面介紹和比較,雖然閱讀難度中等,但內容豐富且具有深度,適合作為美學史的入門參考。書中也探討了美學與時代背景的關聯,並提供了作者對書寫目的的獨特見解,值得一讀。
Thumbnail
在面對當前中國威脅的情勢下,許多人擔心臺灣的安全,並希望做好戰爭準備。本文推薦沃草所推出的《積極行動指南》,這本薄且實用的民防手冊不僅提供基本的準備知識,還涵蓋了避難物資、傷口處理及公民抵抗等多方面的內容。手冊旨在讓讀者能在緊急情況下從容應對,以提升臺灣的社會抗壓韌性,以便於未來可能的挑戰。
Thumbnail
本系列文章將以深入淺出的音樂語言及資訊,搭配古典樂名曲的影片來做講解及賞析,期待樂友們除了可以純粹聆聽古典樂外,也可藉由這系列的文章更深入的了解樂曲內涵及作曲家本人的故事,一起遨遊於古典樂的美妙世界!
首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來,接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json,就可以開始你的設定拉(主要是依照個人的喜好設定
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
本章講述了C#開發中的程序集,命名空間和 NuGet 包管理器。程序集是 .NET 應用的基礎,命名空間用於組織和預防命名衝突,而 NuGet 用於管理 .NET 的外部庫和依賴項。