littlebot
Published on 2025-04-11 / 1 Visits
0

【源码】基于 React 的增强型 CLI 项目

项目简介

本项目是基于 React 官方 CLI 工具 create-react-app 定制的 react-enhanced 开箱即用 CLI。该工具集成了大量优秀三方库,能为开发者提供丰富功能,同时还集成了代码质量管理工具,助力开发者提升代码质量。

项目的主要特性和功能

特性

  1. 集成了核心库、增强器框架、响应式编程库、状态管理库、UI 框架、工具库等众多三方库,让页面功能实现更便捷,且开箱即用。
  2. 集成 eslintstylelint 代码质量管理工具,开发者可按需在开发和生产环境进行配置。

功能

  1. 支持使用 CLI 命令初始化项目,可选择是否下载资源,还能创建 Typescript 工程。
  2. 通过 react-router 实现路由功能。
  3. 利用 react-redux 进行状态管理。
  4. 提供 data-mockmockjs 进行数据模拟服务。
  5. 使用 less 作为动态样式语言,src 下任意 styles 文件夹里的样式不会经过 css modules 处理。

安装使用步骤(假设用户已经下载了本项目的源码文件)

安装 CLI 工具

bash npm install react-enhanced-cli -g

创建项目

JavaScript 项目

  • 新建文件夹并初始化工程(下载资源): bash rec create rec-app
  • 新建文件夹并初始化工程(不下载资源): bash rec create rec-app --no-install
  • 在已有文件夹中初始化工程(下载资源): bash rec init rec-app
  • 在已有文件夹中初始化工程(不下载资源): bash rec init rec-app --no-install

Typescript 项目

  • 新建文件夹并初始化工程(下载资源): bash rec create rec-app-ts --ts
  • 新建文件夹并初始化工程(不下载资源): bash rec init rec-app-ts --ts --no-install
  • 在已有文件夹中初始化工程(下载资源): bash rec init rec-app-ts --ts
  • 在已有文件夹中初始化工程(不下载资源): bash rec init rec-app --ts --no-install

启动项目

bash cd rec-app npm run start

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】