介绍

ChatGPT Next Web 是GitHub上一款开源的跨平台 ChatGPT 应用。您可以一键部署你的跨平台私人 ChatGPT 应用。如何在此基础上进行二次开发?下面首先讲解:ChatGPT Next Web 二次开发环境搭建。

创建本地虚拟机环境

本地虚拟机环境使用 VMware Workstation 加上 Ubuntu 20.04 LTS 进行搭建。另外,您也可以直接使用公有云平台创建虚拟机更加便捷。创建虚拟机时选择配置:轻量 2核4G5M 操作系统Ubuntu 20.04 。如果您是 腾讯云新用户,注册后可免费测试1个月。

若您使用公有云平台创建虚拟机,直接跳到下一节:创建代码仓库

安装VMware Workstation

VMware Workstation是一款功能齐全且易于使用的虚拟机软件,适用于开发、测试、培训和演示等各种场景。它提供了强大的功能和灵活性,使用户能够更高效地管理和利用虚拟化技术。 下载地址 ,下载后双击进行安装,安装过程中默认选择 下一步 进行安装。

安装成功后选择 创建新的虚拟机 。创建虚拟机时选择配置:2核/4G/20GB 操作系统Ubuntu 20.04。下面是关键步骤的截图,若无特别说明其它步骤默认选择 下一步

自定义(高级)

稍后安装超作系统

Linux Ubuntu 64位

虚拟机名称,例如:ubuntu2004

2核

经过测试,建议内存为4G,内存少于4G会使用SWAP分区或报错。

使用桥接网络

将虚拟磁盘存储为单个文件

完成

经过上面的步骤,我们创建了一台虚拟机,接下来准备为这台虚拟机安装Ubuntu 20.04操作系统。

安装Ubuntu 20.04 LTS

Ubuntu 20.04是Ubuntu操作系统的一个版本,也被称为“Focal Fossa”。它于2020年4月发布,是Ubuntu长期支持(LTS)版本之一,将获得5年的官方支持。Ubuntu 20.04使用了Linux内核5.4,该内核提供了更好的硬件兼容性和性能改进。Ubuntu 20.04是一个稳定、可靠且功能强大的操作系统,适合各种用途,包括个人使用和商业环境。下载地址

Ubuntu 20.04下载后,在VMware Workstation中打开上一节创建的虚拟机,点击 编辑虚拟机设置CD/DVD 使用ISO映像文件选择下载好的Ubuntu 20.04 ISO文件。

点击 开启此虚拟机 ,开始进入Ubuntu 20.04安装,安装过程可参考这篇文章

创建代码仓库

Fork操作

由于ChatGPT Next Web是GitHub上一款开源的跨平台 ChatGPT 应用,所以我们打开 ChatGPT Next Web 项目,Fork到自己的GitHub代码仓库。

Fork操作完成后,在我们的GitHub代码仓库找到对应的代码Clone地址,并点击 复制

Clone操作

我们登录到上一节安装好的Ubuntu 20.04操作系统,git clone代码到本地。参考命令如下。若出现 Permission Denied 错误可参考这篇文章

1
2
3
4
5
6
7
8
9
cd /opt
git clone https://github.com/Yidadaa/ChatGPT-Next-Web.git #替换为复制的代码Clone地址

#看到/opt目录下的ChatGPT-Next-Web的内容,表示代码成功clone到本地
root@ubuntu:/opt# ll
total 23208
drwxr-xr-x 7 root root 4096 Jun 24 08:34 ./
drwxr-xr-x 20 root root 4096 Jun 13 21:09 ../
drwxr-xr-x 12 root root 4096 Jun 24 07:43 ChatGPT-Next-Web/

创建VSCode开发环境

安装配置VSCode

VSCode(Visual Studio Code)是一款由微软开发的免费开源代码编辑器。它被广泛用于开发各种编程语言,包括但不限于JavaScript、Python、C++、Java等,主要特点如下。下载地址

  • 轻量级和快速:VSCode采用了轻量级的架构,启动速度快,响应迅速,使得开发者能够更加高效地进行编码。

  • 强大的编辑功能:VSCode提供了丰富的编辑功能,包括语法高亮、智能代码补全、代码导航、代码重构等,使编码过程更加便捷。

  • 内置调试器:VSCode内置了调试器,可以帮助开发者进行代码调试和错误排查,提高开发效率。

  • 扩展性:VSCode支持丰富的扩展插件,开发者可以根据自己的需求选择并安装各种插件,以增强编辑器的功能。

  • 版本控制集成:VSCode集成了常用的版本控制系统,如Git,使得开发者可以方便地进行代码版本管理和团队协作。

  • 跨平台支持:VSCode可在Windows、macOS和Linux等多个操作系统上运行,开发者可以在不同的平台上保持一致的开发环境。

下载后不用安装,解压到本地目录,例如E盘根目录下。双击 Code.exe启动VSCode

VSCode默认为英文界面,需要安装中文插件 Chinese。点击扩展——搜索输入 Chinese ——选择Chinese (Simplified) (简体中文) Language Pack 安装。

由于我们的代码放在了Ubuntu 20.04虚拟机上,所以我们要安装SSH工具,实现VSCode直接对虚拟机上的代码进行查看和修改。按上一步的方法分别安装下图的3个扩展。安装后重启一下VSCode。

连接到代码仓库

重启VSCode后,点击 远程资源管理器 —— 新建远程 ,输入地址。例如:

1
ssh root@192.168.0.67  #替换为虚拟机的IP地址

详细步骤可参考这篇文章

小结

经过上面步骤,ChatGPT Next Web项目的本地开发环境就搭建完成。下一章将进入具体二次开发内容。

(若有不足或建议,欢迎 联系作者,感谢!)