@dreamjser/h5-template-generator
v1.0.23
Published
a html5 project template cli
Downloads
35
Readme
@dreamjser/h5-template-generator
安装
// npm全局安装
npm i @dreamjser/h5-template-generator -g
// yarn全局安装
yarn add @dreamjser/h5-template-generator -g
// pnpm全局安装
pnpm add @dreamjser/h5-template-generator -g
使用
脚手架支持生成vue/react,pc端/移动端的项目
// 选择平台 mobile-移动端 destop-桌面(PC)端
> generate-template h5-project
? please select a platform
1) mobile
2) desktop
Answer: 1
// 选择框架
? please select a framework
1) react
2) vue
Answer: 1
// 是否使用e2e测试平台
? do you need use e2e test platform(cypress)?
1) Y
2) N
Answer: 1
// 此时已生成项目h5-project
> cd h5-project
// 安装依赖
> pnpm i
支持能力
| | vue + mobile | vue + desktop | react + mobile | react + desktop | |:----------|:----------|:----------|:----------|:----------| | 框架 | vue3 | vue3 | react18 | react18 | | 状态管理库 | pinia | pinia | react-redux | react-redux | | 组件库 | vant | elementPlus | antd-mobile | antd | | css预编译 | Less | Less | Less | Less | | 构建工具 | webpack5 | webpack5 | webpack5 | webpack5 | | typeScript | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | | eslint | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | | prettier | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | | 单页面打包 | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | | 多页面打包 | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | | 本地mock | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | | 环境变量 | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | | pre-commit校验 | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | | 单元测试(jest) | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: | | 端到端测试(cypress) | :white_check_mark: | :white_check_mark: | :white_check_mark: | :white_check_mark: |
模板
模板文档参考: