Visual Studio 入門

如果您仍然需要安裝 Visual Studio,請參考先前的文章。

使用 Visual Studio 2017 建置應用程式

作者 Nicole Bruck

步驟 1:建立

我們將建立 ASP.NET Web 應用程式來顯示 “Hello, World!”

  • 選取 [檔案] → [新增] → [專案…]

 

  • 在 Web 下,選擇 [ASP.NET Web 應用程式] 專案類型,並將它命名為:“HelloWorld”
” open=”no”]

 

  • 歡迎使用!

步驟 2: 編輯

我們將編輯 Web 應用程式的標題,使其顯示新訊息。

專案歡迎使用頁面會顯示數個連結,協助您開始使用。  如果您只要立即執行專案,則此頁面會是網站中的預設頁面,因此您可以深入討論其建置方式以深入了解。  針對我們的用途,我們會將簡單頁面新增至專案,以保持簡潔。

  • 在方案總管中,以滑鼠右鍵按一下專案 “Hello World” > 展開 [新增] 功能表選項 >,然後選取 HTML 頁面,並輸入 HelloWorld 作為頁面名稱。
  • 新頁面應該會在編輯器中載入並預設具有焦點,如果未繼續,則可以在方案總管的右上方找到它,然後按兩下 (按一下可在編輯器視窗中提供暫時預覽)。
  • 針對這個新頁面,我們將更新標題、在主體中新增數行,以及頁尾。  您可以自行增減所要執行的作業。

步驟 3:建置並執行

現在,我們將建置專案,確保所有程式碼都正確運作。

  • 開始按鈕具有下拉式清單,可讓您選擇用來啟動網站的預設瀏覽器 (以及新增要在其下執行的瀏覽器)。
按一下開始按鈕 (瀏覽器名稱旁邊的綠色箭號) 之後,您的網站將會在該瀏覽器中加速和啟動。

  • 請注意,新頁面是位在使用中索引標籤,專案所隨附的頁面則位在另一個索引標籤。

 

  • 請注意,關閉瀏覽伺服器並不會終止網站。  若要回到編輯模式,您需要按一下紅色方形結束偵錯工作階段。  效能視窗是網站仍在執行的附贈項目 – 您可以在視窗的右側看到。

因此,我們知道如何架構頁面,並在本機使用它,恭禧。  在這裡,預設頁面上的祕訣和連結可以協助您建置更複雜的應用程式、新增服務,甚至部署至 Azure。



若您已經準備好,想要開始試用我們的一些偵錯功能,請參閱下一篇文章:偵錯及更多