快速上手

更新于 2026-10-17

总字数

阅读量 ♾️

环境准备

Web

• Node.js 版本 18.20+
• pnpm >= 8.7.0，推荐最新版本。

Electron 本地开发注意

• Node.js 版本 22.14.0+

兼容性注意

Vite 需要Node.js版本 18+ 或 20+。 然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。

拉取代码

github

git clone https://github.com/Hyk260/PureChat.git

gitee

git clone https://gitee.com/H260788/PureChat.git

最新版本的代码以GitHub为准

安装依赖

pnpm

pnpm install

启动项目

web

pnpm run dev

electron

pnpm run app:dev

打包

web

pnpm run build

window

pnpm run app:build:win

mac

pnpm run app:build:mac

后端代码

基于 Next.js 的 API 服务 项目地址

本地模式无需配置后端

VSCode插件

本项目推荐使用 VSCode 进行开发，项目里面已内置 VSCode 配置，包含推荐的插件和设置。

以下为推荐的插件：

• CodeGeeX - 智能编程助手 代码生成与补全 自动添加注释等
• Live Server - 自动刷新和架设本地服务器环境
• Import Cost - 显示依赖的大小
• Auto Close Tag - 自动添加 HTML/XML 结束标签
• Auto Complete Tag - 为 HTML/XML 添加关闭标签和自动重命名成对的标签
• Auto Rename Tag - 自动重命名成对的 HTML/XML 标签
• DotENV - 高亮.env 文件
• EditorConfig for VS Code - 统一不同编辑器的一些配置
• ESLint - 代码检查
• Git Graph - Git 图形化操作工具
• GitLens — Git supercharged - 显示具体某行代码的 git 信息
• i18n Ally - i18n 国际化插件
• javascript console utils - 提供快捷键 ctrl+l 直接输入 console.log()
• Material Icon Theme - 图标主题，显示文件和文件多种图标
• One Dark Pro - 主题
• Prettier - Code formatter - 代码格式化插件
• Vue - Official - Vue 服务插件
• Vue VSCode Snippets - Vue2、Vue3 写法提示插件