Contents
本課程將向你展示在 Vite 中建立 Web 應用程式所需的一切
從這 1.5 小時的課程,你會學到
- 使用 Typescript 和 React 在 Vite 中建立 Web 應用程式
- 在任何前端框架中創建和配置新的 Vite 應用程式
- 能夠在 Webpack 和 Vite 之間做出明智的選擇
- 了解 Vite 的架構和基礎
要求
- 舒適地運行終端命令並使用 npm
- 熟悉 Typescript
- 熟悉 React
- 對 CSS 的基本了解
課程說明
Vite 是一個快速且有效率的 JavaScript 框架,旨在增強開發者體驗。 本影片課程是 Vite 的完整指南,將教你如何使用這個強大的工具來建立和部署快速、響應式和動態的 Web 應用程式。
在本課程中,你將學習如何使用 Vite 設定專案、匯入靜態資源、建立動態匯入以及新增多個路由。 你還將使用本機 CSS 模組、CSS 變數和 postcss 巢狀外掛程式為應用程式添加樣式,以獲得更清晰的選擇器。 最後,你將學習如何建立生產應用程式並將其作為靜態網站發佈到 Netlify。
本課程專為想要學習如何使用 Vite 來加速開發體驗的開發者而設計。 它適合對 TypeScript、CSS 和 React 有一定了解的初學者。 本課程也適合想要學習如何使用 Vite 建立和部署快速、響應式、動態 Web 應用程式的經驗豐富的開發人員。
儘管你將在本課程的大部分內容中使用 React,但我們還將介紹如何將 Vite 用於 VueJS 和 Svelte 應用程式。
除了教學課程影片之外,你還可以找到有趣的測驗,以測試你在學習本課程時對 Vite 的理解。
目標受眾
有興趣使用 Vite 在 React 中建立現代 Web 應用程式的前端 Web 開發人員
講師簡介
James Charlesworth 工程師、經理和作家
字幕:英文
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個 Network & Security 課程✨優惠連結✨ ( NT390 起特價中 ) | 新客戶✨ 優惠連結 ✨| Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- 成為網頁前端(frontend)工程師學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
發表迴響