當前位置: 華文世界 > 科技

開箱即用!騰訊前端React+TDesign開源後台開發樣版

2024-02-17科技

「小墨是前端」專註分享前端技術,推薦優秀的開源專案,展示Github、Gitee上的創意作品,帶你深入前端底層,一起成長。

大家好,推薦一個「TDesign React Starter」 專案給大家,它提供了 React + TDesign 的專案開發樣版,開箱即用,非常方便。

一.簡介

TDesign React Starter 是騰訊出品的一個前端專案開發樣版,整合了 React、Vite 和 TDesign,可以快速啟動一個中後台管理系統專案。樣版提供了豐富的頁面、和標準化的目錄結構,以及程式碼規範配置,並且支持暗黑模式、自訂主題顏色和多種布局方案。

二.功能特點

  1. 提供開箱即用的專案樣版,無需再繁瑣地搭建專案結構。
  2. 提供多種頁面布局樣版,滿足不同的頁面展示需求。
  3. 整合了 TDesign 元件庫,提供豐富的 UI 元件和互動方案。
  4. 支持自訂主題顏色和布局,打造符合專案需求的個人化界面。
  5. 提供模擬數據,方便在開發階段快速預覽頁面效果。

三.使用步驟

1、安裝 TDesign React Starter 的 CLI 工具:

npm i tdesign-starter-cli@latest -g

2、建立專案:

td-starter init

3、安裝依賴:

npm install

4、啟動開發環境:

npm run dev

四.專案地址

Demo:https://github.com/Tencent/tdesign-react-starter

CLI: https://github.com/tencent/tdesign-starter-cli

五.總結

TDesign React Starter作為一個非常好用的專案開發腳手架工具樣版,可以幫助開發者快速啟動中後台管理系統專案,提高開發效率。

創作不易,歡迎大家關註、點贊、收藏、轉發!我會繼續分享高質素的幹貨和前沿的技術,給大家提供更多有價值的內容!