在這個快速入門中，你會建立並執行一個基礎 Vue.js 前端網頁應用程式。 本文提供 5 到 10 分鐘的 Visual Studio 整合開發環境（IDE）介紹。
先決條件
進行設定前，請先備妥以下先決條件：
Visual Studio 2022 年或之後（免費版請至 Visual Studio下載）
npm（隨 Node.js 一同提供，https://www.npmjs.com/）
Vue.js （安裝 | Vue.js （vuejs.org））
建立你的 Vue 應用程式
請依照以下步驟建立 Vue.js 網頁應用程式：
在 Visual Studio Start視窗（選擇 File>Start Window），選擇 Create a new project。
在 「建立新專案 」對話框中，輸入 Vue 。 選擇 Vue 應用程式 範本中的 JavaScript 或 TypeScript，然後選擇 「下一步」。
在 2022 Visual Studio 版本 11 及以後，模板名稱獨立 JavaScript Vue Project 改為 Vue App。
輸入你的專案名稱和解決方案，然後選擇 「建立」。
等 Visual Studio 建立你的新專案。
檢視項目屬性
默認項目設定可讓您建置和偵錯專案。
如果你想更改任何設定，請依照以下步驟操作：
右鍵點擊方案總管中的專案，選擇Properties。
在專案屬性欄中，選擇 除錯、 線條化、 建置或 部署 ，即可查看對應的屬性。
除錯器設定時，請使用 launch.json 檔案。
注意
launch.json除錯器設定檔會將與開始動作相關的啟動設定儲存在除錯工具列中。
launch.json 檔案必須位於你的專案中的 .vscode 資料夾下。
建置您的專案
要建立你的新專案，請選擇 「建構>建置解決方案」。
開始你的專案
選擇 F5 或使用視窗頂端的 開始 動作。
專案會以以下文字（或類似文字）開啟命令提示字元：
VITE v4.4.9 ready in 780 ms
注意
請檢查控制台輸出是否有訊息，例如更新 Node.js版本的指示。
當過程成功時，基礎 Vue.js 應用程式就會開啟。
後續步驟
使用 Vue 建立 ASP.NET Core 應用程式