https://github.com/biugle/web_base
前端模板-基于 React + TypeScript + Vite + Antd + Electron + ServiceWorker 实现的模块化前端模板(支持基础版本、多页面模块版本、客户端版本等) https://base.biugle.cn
https://github.com/biugle/web_base
electron-app electron-base electron-react react-app react-base react-template web-app web-base web-framework web-pages web-react-components web-template
Last synced: about 2 months ago
JSON representation
前端模板-基于 React + TypeScript + Vite + Antd + Electron + ServiceWorker 实现的模块化前端模板(支持基础版本、多页面模块版本、客户端版本等) https://base.biugle.cn
- Host: GitHub
- URL: https://github.com/biugle/web_base
- Owner: biugle
- License: mit
- Created: 2023-04-28T10:31:28.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-20T09:41:37.000Z (about 1 year ago)
- Last Synced: 2024-08-21T08:57:54.516Z (about 1 year ago)
- Topics: electron-app, electron-base, electron-react, react-app, react-base, react-template, web-app, web-base, web-framework, web-pages, web-react-components, web-template
- Language: TypeScript
- Homepage: https://web.biugle.cn
- Size: 5.36 MB
- Stars: 9
- Watchers: 1
- Forks: 2
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://github.com/biugle/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
```bash
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](https://pandaoh.github.io/js-xxx/html/)
* [React](https://reactjs.bootcss.com/)
* [Redux Toolkit](http://cn.redux.js.org/redux-toolkit/overview/)
* [Vite](https://vitejs.cn/guide/)
* [Ant Design](https://ant.design/components/overview-cn/)
* [Ant Design ProComponents](https://procomponents.ant.design/components/)
## Others
* [Issue](https://github.com/biugle/web_base/issues)
* [Pull Request](https://github.com/biugle/web_base/pulls)
* [hxbpandaoh@163.com](mailto:hxbpandaoh@163.com)
* [Blog](http://a.biugle.cn)
* Leo He
> Buy me a coffee!
