開始使用 Vue CLI

已完成

Vue CLI 提供一套用於開發的工具，包括專案 Scaffolding、開發伺服器和快速原型設計。 此工具可協助您快速建立入門應用程式，讓您能夠專注於撰寫程式碼，而不是設定程式庫和其他設定。

啟動

Vue CLI 的核心使用方式是啟動應用程式。 create 指令碼會提供一個精靈，讓您從中選取一些最常用的設定，包括：

• Lint 分析選項：確保所有程式碼看起來都一致。 這些選項也有助於找出錯誤。
• 應用程式類型：選擇是否要新增漸進式 Web 應用程式支援。
• Babel 支援：如果您的應用程式需要在較舊的瀏覽器中使用，Babel 的作用就是將較新的 JavaScript 語法轉換為較舊的 JavaScript 格式。
• 語言：選擇 JavaScript 或 TypeScript。 兩個選項都適用，但 TypeScript 的功能之一是可提供類型，因此在應用程式成長時可能是不錯的選擇。 Vue 本身內建於 TypeScript 中。

建置流程

Vue CLI 依設計可用來處理單一檔案 Vue 元件 (或 .vue 檔案)。 「模組搭配程式」或「搭配程式」會管理將 .vue 檔案中的特殊語法轉換成適當 JavaScript、HTML 和 CSS 的流程，讓瀏覽器能夠讀取檔案。

Vue CLI 會使用 webpack \(英文\) 作為其預設搭配程式。 webpack 的預設設定將適用於大多數案例。 使用 Vue CLI，您就能略過設定搭配程式所需的步驟，改為使用隨附的安裝程式。

開發伺服器

開發任何類型的應用程式，需要經過試誤的過程。 您會進行一些變更、在瀏覽器中載入頁面、加以測試，然後再進行一些變更。 接著，您將重複此流程，直到一切都如預期運作。

您希望將此流程所涉及的步驟數目降至最低。 為了簡化開發，Vue CLI 包含一部開發伺服器。 每當您儲存檔案時，開發伺服器就會偵測檔案變更、重建 (或重新封裝) 專案，並可讓您在瀏覽器中測試頁面。