Skip to content

JavaScriptLoveFlower/large-screen-template

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

React + tsx + qiankun + DataV 实现可视化大屏模板

需要掌握知识:

  1. React + tsx 全家桶
  2. qiankun
  3. DataV
  4. plop
  5. scp2
  6. Mock.js 模拟后端请求

生成项目那些就不多说了,直接步入正题!

项目目录

├── mock/                          // mock 服务端数据模拟
├── public/                        
└── src/
    ├── .setting/                  // plop 自动生成文件模板配置
    ├── api/                       // 请求接口存放
    ├── common/                    // 公共接口
    ├── components/                // 公共组件目录
    ├── module/                    // 全局基类以及上下文存放位置
    ├── static/                    // 静态资源管理
    ├── store/                     // 状态管理目录
    ├── utils/                     // 工具函数目录
    ├── pages/                     // 页面组件目录
    ├── App.tsx
    ├── index.tsx
    ├── shims-vue.d.ts
├── plopfile.ts                    // 自动生成模板文件
├── upload.server.ts               // 自动上传指定服务器ftp
├── prettier.config.js             // 保存自动格式化
├── tsconfig.json                  // TypeScript 配置文件
├── config-overrides.js            // 项目配置文件
└── package.json

运行流程

** 主项目跟子项目都必须装包运行起来 **


  npm install

  npm start

About

React+ts+qiankun大屏实战模板

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 57.2%
  • JavaScript 24.4%
  • SCSS 9.3%
  • CSS 4.3%
  • HTML 3.1%
  • Handlebars 1.6%
  • Shell 0.1%