fbpx

Vite:完整的開發者指南

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 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: