基于react+antd的web mqtt客户端

最新推荐文章于 2024-05-24 21:42:59 发布

xjc208

最新推荐文章于 2024-05-24 21:42:59 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

文章标签： react antd mqtt webmqtt

本文链接：https://blog.youkuaiyun.com/xjc208/article/details/92669472

本文档介绍了如何使用react-create-app、react、antd等技术栈创建一个Web MQTT客户端。首先提供了项目的GitHub和预览地址，然后详细阐述了技术栈的选择，包括react、react-router、react-intl等。接着，文章详细介绍了框架初始化步骤，如安装插件、自定义配置构建脚本，并调整了package.json的配置。最后，列出了项目的主要文件目录结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

github地址：[基于react+antd的web mqtt客户端](https://github.com/xjc-opensource/react-antd-mqtt-client)  
预览地址：[预览地址](https://xjc-opensource.github.io/react-antd-mqtt-client)

# 1、技术栈
 - react-create-app
 - react
 - react-router
 - react-intl
 - react-load-script
 - antd
 
# 2、框架初始化
2.1 安装插件  
``` 
  npm remove -g create-react-app
  npm install -g create-react-app
  create-react-app react-antd-mqtt-client
  
  npm install --save react-router-dom  
  npm install --save react-load-script  
  npm install --save antd  
  npm install --save-dev babel-plugin-import
   
  npm install --save react-intl 
  npm install --save intl  *intl在大部分的『现代』浏览器中是默认自带的,但是Safari和IE11以下的版本没有
``` 

2.2 自定义配置构建脚本  
``` 
  npm run eject  
  须确保所有文件都已提交git,否则会报错:
     This git repository has untracked files or uncommitted changes
```
     
2.3 调整package.json配置
```