vue-chartgpt

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 12 Open GitHub ↗

vue3+vite+typescript+pinia 模拟实现chartGPT demo

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

预览地址：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下查看)

![dark](https://i.328888.xyz/2023/02/22/xWVyX.jpeg)

![light](https://i.328888.xyz/2023/02/22/xWyGJ.jpeg)

**## Recommended IDE Setup**

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

**## 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)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) 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](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. 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)`

2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.

**## Customize configuration**

See [Vite Configuration Reference](https://vitejs.dev/config/).

**## 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****](**https://vitest.dev/**)**

```
npm run test:unit
```

**### Lint with [****ESLint****](**https://eslint.org/**)**

```
npm run lint
```

vue-chartgpt

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README