web_base

web_base

Front-end template - Modular front-end template based on React + TypeScript + Vite + Antd + Electron + ServiceWorker (supports basic version, multi-page module version, client version, etc.)

• Main基础版本Branch
• modules模块化版本branch
• client客户端版本branch
  • ( client-modules supports ServiceWorker resource caching )
  • ( client-modules support Electron Http service startup )
  • ( client-modules support Electron SSL certificate extension )
  • ( client-main basic client version)
  • ( simple-cross-platform cross-platform simple template - web & Web / client & Electron / App & Cordova )

Micro front-end modularization (browser-like mode) client template - web_mods_base

Technology Stack

• React 17.x
• Redux+Toolkit
• TypeScript
• Scss/Less
• Ant Design 5.x
• Vite 4.x
• Electron (automatic update, packaging, SSL has been supported)
• 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

If the installation of husky hooks fails, please check whether git init has been performed.

Note: If the code is marked with red, please check whether the npm version is too low, the declaration file of react18 has been installed. You can use npm install --no-optional to avoid installing react18 's declaration files. Or directly upgrade the npm version, (*∩_∩*) hehehe.

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!