chatgpt vue

chatgpt-vue

Using the Vue3 + Typescript + Tailwind CSS framework, simple chat conversations are called OpenAI's gpt-3.5-turbo model API to support continuous conversations.

Start quickly

Note: This project does not use any proxy. The API sends requests on the front end. Can it connect to the network environment based on your current browser? If you need ChatGPT to send API requests on the server, you can check out my other project chatgpt-nuxt and click here to experience it online.

Before you begin, make sure you have correctly installed the Node.js runtime environment. If you have not installed Node.js, please click here to download it.

To use ChatGPT, you need to apply for an API Key first. Users who have registered but do not have an API Key can go here to generate it.

When you are ready, go to the project root directory and execute the following command to run the project:

npm i
npm run dev

or

yarn
yarn dev

It is usually displayed when the run is successful (please refer to the specific):

VITE v3.2.5  ready in 294 ms

➜  Local:   http://localhost:5173/
➜  Network: use --host to expose

Press and hold Ctrl or command to click the Local link, open the project in the browser, then fill in your API Key in the input box at the bottom of the page, and click Save to get started!

If you want to change the API Key, click设置in the upper right corner of the page, re-enter and save.

If you want packages to run locally, check it out here.

Hope this helps you. If you have any other questions, please feel free to ask them in the comment section, thank you!

license

This project uses the MIT protocol