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
• hxbpandaoh@163.com
• Blog
• Leo He

Buy me a coffee!