web_base

web_base

前端模板-基於React + TypeScript + Vite + Antd + Electron + ServiceWorker 實現的模塊化前端模板(支持基礎版本、多頁面模塊版本、客戶端版本等)

• main基础版本分支
• modules模块化版本分支
• client客户端版本分支
  • ( client-modules支持ServiceWorker 資源緩存)
  • ( client-modules支持Electron Http 服務啟動)
  • ( client-modules支持Electron SSL 證書擴展)
  • ( client-main基礎客戶端版本)
  • ( simple-cross- platform跨平台簡單模板-網頁& Web / Client & Electron / App & Cordova )

微前端模組化（類瀏覽器模式）客戶端模板- web_mods_base

Technology Stack

• React 17.x
• Redux+Toolkit
• TypeScript
• Scss/Less
• Ant Design 5.x
• Vite 4.x
• Electron(已支持自動更新、打包、SSL)
• EsLint
• Prettier
• Husky
• ServiceWorker

DevEnvTips: (node >= 14.20.0)、(npm >= 8.0.0)、(git >= 2.30.0)

Use

git clone https://github.com/biugle/web_base.git

npm i -g js-xcmd
xcmd create-web-base [dir] [branch]
# client-main ===> c-main
# client-modules ===> c-modules
# simple-cross-platform ===> cross 

Start

• npm install or npm run init

若husky hooks安裝失敗，請檢查是否已進行git init 。

注意：若代碼標紅提示，請檢查是否因為npm版本過低，導致安裝了react18的聲明文件。 可以使用npm install --no-optional來避免安裝react18的聲明文件。 或者直接升級npm版本， (*∩_∩*)嘻嘻。

Development

• npm run dev or npm run dev:exe

Preview

• npm run preview or npm run preview:exe

Build

• npm run build or npm run build:exe

Code Check

• npm run lint

Docs

• Xxx
• React
• Redux Toolkit
• Vite
• Ant Design
• Ant Design ProComponents

Others

• Issue
• Pull Request
• [email protected]
• Blog
• Leo He

Buy me a coffee!