02
Vue 3 學習之旅
環境設定

Day 2: 開發環境設定:Node.js 與 Vite

·6 分鐘閱讀·環境設定

摘要

要進行專業的 Vue 開發,我們需要 Node.js 提供 JavaScript 的執行環境,以及 Vite 作為高效的開發伺服器與建置工具。

定義與說明

Node.js

一個讓 JavaScript 能在伺服器端運行的環境。我們主要用它附帶的套件管理器 npm 來安裝和管理專案所需的各種工具(如 Vue 和 Vite)。

Vite

一個現代化的前端工具,提供極速的開發伺服器(具有熱模組替換功能)和優化的打包功能,能大幅提升開發效率。

實作範例

Terminal
# 1. 驗證 Node.js 和 npm 是否安裝成功
node -v
npm -v

# 2. 使用 npm 透過 Vite 建立一個新的 Vue 專案
npm create vue@latest

結論

Node.js 是我們開發工作室的「地基」,而 Vite 則是工作室中最高效的「自動化工具機」。備妥這兩者,是邁向專業 Vue 開發的第一步。

Node.js Vite 開發環境