从零开发基于chatGPT的社区交友系统 (前后端分离)丨环境配置 01

项目介绍

• 本项目是一个基于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.0

C:\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/fs

added 469 packages in 13s

27 packages are looking for funding
  run `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.6

added 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 serve

 INFO  Starting development server...


 DONE  Compiled successfully in 1481ms


  App 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.

• 打开http://localhost:8080/，出现如下页面即运行成功。
  

总结

• 至此，环境就搭建好了，后面我们将一步步搭建我们的社区社交系统，小伙伴们可以将自己的意见反馈发表到评论区，有合作想法的铁子欢迎私聊。。。