創(chuàng)建一個 Vue 應(yīng)用

在本節(jié)中，我們將介紹如何在本地搭建 Vue 單頁應(yīng)用。創(chuàng)建的項目將使用基于 Vite 的構(gòu)建設(shè)置，并允許我們使用 Vue 的單文件組件 (SFC)。

確保你安裝了最新版本的 Node.js，并且你的當(dāng)前工作目錄正是打算創(chuàng)建項目的目錄。在命令行中運行以下命令 (不要帶上 > 符號)：

這一指令將會安裝并執(zhí)行 create-vue，它是 Vue 官方的項目腳手架工具。你將會看到一些諸如 Typescript 和測試支持之類的可選功能提示：

如果不確定是否要開啟某個功能，你可以直接按下回車鍵選擇 No。在項目被創(chuàng)建后，通過以下步驟安裝依賴并啟動開發(fā)服務(wù)器：

你現(xiàn)在應(yīng)該已經(jīng)運行起來了你的第一個 Vue 項目！請注意，生成的項目中的示例組件使用的是組合式 API 和 <script setup>，而非選項式 API。下面是一些補(bǔ)充提示：

• 推薦的 IDE 配置是 Visual Studio Code + Volar 擴(kuò)展。如果使用其他編輯器，參考 IDE 支持章節(jié)。

• 更多工具細(xì)節(jié)，包括與后端框架的整合，我們會在工具鏈指南進(jìn)行討論。

• 要了解構(gòu)建工具 Vite 更多背后的細(xì)節(jié)，請查看 Vite 文檔。

• 如果你選擇使用 Typescript，請閱讀 Typescript 使用指南。

當(dāng)你準(zhǔn)備將應(yīng)用發(fā)布到生產(chǎn)環(huán)境時，請運行：

此命令會在 ./dist 文件夾中為你的應(yīng)用創(chuàng)建一個生產(chǎn)環(huán)境的構(gòu)建版本。關(guān)于將應(yīng)用上線生產(chǎn)環(huán)境的更多內(nèi)容，請閱讀生產(chǎn)環(huán)境部署指南。