项目介绍

本项目是一个基于ChatGPT人工智能技术开发的社区社交类应用程序。我们致力于为用户提供高质量的社区社交体验，让您的社交生活更加丰富多彩。
本项目是一个前后端分离项目，前端使用vue3.2+element，后端使用golang+gin框架开发，前后端集成websocket即时通讯。
项目包含AI模块、聊天模块、会员模块、帖子模块、广告模块等。

安装配置Node.js

下载安装

官网下载地址：https://nodejs.org/en/download/

Current指的是当前发布的最新node版本，里面包含了最新的功能特性，但会不稳定。
LTS指的是长期支持的node版本，即稳定版。

下载完直接安装即可，注意配置环境，这里不过多赘述。

//cmd命令验证是否安装配置成功
C:\Users\Administrator>node -v
v18.16.0C:\Users\Administrator>npm -v
9.5.1

配置淘宝镜像

使用npm用的是国外的服务器，经常会出现超时错误，这里通过修改为淘宝镜像来加速安装。
安装 cnpm

C:\Users\Administrator>npm install -g cnpm --registry=https://registry.npm.taobao.org
npm WARN deprecated @npmcli/move-file@2.0.1: This functionality has been moved to @npmcli/fsadded 469 packages in 13s27 packages are looking for fundingrun `npm fund` for details
npm notice
npm notice New minor version of npm available! 9.5.1 -> 9.6.6
npm notice Changelog: https://github.com/npm/cli/releases/tag/v9.6.6
npm notice Run npm install -g npm@9.6.6 to update!
npm notice

上面npm notice Run npm install -g npm@9.6.6 to update提示有新版镜像，根据提示更新即可。

C:\Users\Administrator>npm install -g npm@9.6.6added 1 package in 4s

验证是否安装成功

C:\Users\Administrator>cnpm config get registry
https://registry.npmmirror.com/

安装vue脚手架(vue-cli)

cmd执行如下命令，等待安装成功即可

C:\Users\Administrator>cnpm install -g @vue/cli

使用如下命令查看是否安装成功：vue -V 或 vue --version

C:\Users\Administrator>vue --version
@vue/cli 5.0.8

可视化创建vue项目

命令行输入如下命令

C:\Users\Administrator>vue ui
🚀  Starting GUI...
🌠  Ready on http://localhost:8000

成功后自动弹出如下网页，或者手动打开http://localhost:8000，注意终端窗口不要关闭。
开始创建vue项目，有以下步骤，根据自己需要选择配置即可。
点击创建项目等待项目创建完成即可。

运行vue项目

打开项目目录，运行cmd命令npm run serve

D:\demo\test>npm run serve> test@0.1.0 serve
> vue-cli-service serveINFO  Starting development server...DONE  Compiled successfully in 1481msApp running at:- Local:   http://localhost:8080/- Network: http://192.168.2.124:8080/Note that the development build is not optimized.To create a production build, run npm run build.