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 開發環境