快速上手
环境准备
兼容性注意
Vite 需要 Node.js 版本 18+ 或 20+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。
- Node.js 版本 18.20+
- pnpm >= 8.7.0，推荐最新版本。
拉取代码
bash
git clone https://github.com/Hyk260/PureChat.gitbash
git clone https://gitee.com/H260788/PureChat.git安装依赖
bash
pnpm install启动项目
bash
pnpm run devbash
pnpm run app:dev打包
bash
pnpm run buildbash
pnpm run app:builder:winbash
pnpm run app:builder:mac后端代码
Node.js API service 基于 Node.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 写法提示插件
SVG 图标使用
将 svg 图标文件放在 src/icons/svg 目录下
在项目中直接使用 <svg-icon iconClass="图标文件命名" /> 即可