预览地址:https://xuyangzhou.github.io/vue-chartgpt/#/
##技术栈
vue3 + vite + typescript + pinia
## 目录
├── assets // 静态资源
│ ├── base.css
│ └── main.css
├── components // 公共组件
│ ├── icons // svg icon
│ ├── ChartView.vue
│ ├── AskContent.vue
│ ├── ReplyContent.vue
│ ├── SwitchTheme.vue
│ └── HeaderBar.vue
├── router // 路由配置
│ └── index.ts
├── stores // pinia状态管理
│ └── counter.ts
├── types // ts类型声明
│ └── index.ts
├── utils // 工具类
│ └── request.ts // axios 封装
├── view // 页面
│ ├── HomeView.vue
│ └── AboutView.view
├── tsconfig.json
└── vite.config.ts
## vue chartgpt
关于项目名chartGPT,原计划调用openAI的接口,后来了解到openAI调用有次数限制且现在openAI闭源了,坐等百度阿里的GPT面世,所以变成了GPT => LTM(Listen to me),引用吕子乔的话来说就是不是看你要问什么,得看我回复什么!
## 成为Contributor
如果感兴趣可以与我一起来完善该项目,体验vue3的开发体验,或者有好的想法通过issue来告知我,逐步完善,共同进步
## 截图 (图片链接失效或者网速过慢可自行到public下查看)
## Recommended IDE Setup
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
## Type Support for .vue
Imports in TS
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue
types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
- Disable the built-in TypeScript Extension
1) Run Extensions: Show Built-in Extensions
from VSCode's command palette
2) Find TypeScript and JavaScript Language Features
, right click and select Disable (Workspace)
- Reload the VSCode window by running
Developer: Reload Window
from the command palette.
## Customize configuration
See Vite Configuration Reference.
## Project Setup
npm install
### Compile and Hot-Reload for Development
npm run dev
### Type-Check, Compile and Minify for Production
npm run build
### Run Unit Tests with Vitest
npm run test:unit
### Lint with ESLint
npm run lint