银盒子的世界

这个是阿里开源的一个前端聊天框架，使用这个框架是想把它和chatgpt配合起来。

chatui的官网：https://chatui.io/docs/quick-start

github:https://github.com/alibaba/ChatUI/blob/next/README.zh-CN.md

提前准备，需要安装nodejs和vscode

nodejs的安装可以看站内文章：http://www.yinhezi.top/post/180.html

下边是详细流程记录

先新建一个目录作为项目更目录，然后在该目录下执行以下命令。

需要提前安装好react

npm install create-react-app

然后新建一个项目

npm init react-app my-app

等待一会后，当前目录下会出现一些文件夹，进入my-app 文件夹下边，可以尝试启动react，看看是否安装好了

npm start

如果自动跳转到浏览器，还能看到react的启动页，那就说明安装好了

然后安装chatui

npm i @chatui/core -S

补充一点react的项目结构

用脚手架安装好后的项目，会有挺多的文件夹，其中我们需要关注的是src文件夹，我们写的js文件，都是放在这个目录下。