學習目標學會創建 Vue 應用程序了解使用 CDN 引入 Vue 的方法掌握全局構建和 ES 模塊構建的區別能夠進行簡單的 Vue 開發教學錄影-1教學錄影-2
創建 Vue 應用程序前置條件熟悉命令行操作安裝 Node.js 18.3 或更高版本步驟在命令行中執行以下命令：npm create vue@latest按照提示選擇項目配置進入項目目錄並安裝依賴：cd
npm install
npm run dev使用 CDN 引入 Vue全局構建方式
{{ message }}
ES 模塊構建方式
{{ message }}
實際操作練習練習 1：創建本地 Vue 項目使用 create-vue 創建新項目啟動開發服務器修改默認組件顯示自定義內容練習 2：CDN 快速體驗創建 HTML 文件使用 CDN 引入 Vue實現一個簡單的計數器功能比較全局構建和 ES 模塊構建的差異練習 3：模塊拆分將組件邏輯拆分到單獨的 JS 文件使用本地 HTTP 服務器測試補充資源Vue 官方文檔Vue PlaygroundVite 文檔