背景介绍：
非专业人员，之前只了解一些简单的html、css，尝试搭建过php的wp、dz、typecho等建站程序，也尝试过写wp、typecho主题（技术有限，都没做下去）。
24年初开始使用chatgpt等AI工具尝试vue，配合php做中转，调用飞书多维表格api写了一些公司内部的东西。
由于飞书api很慢，严重影响体验，于是有了手搓后端的想法，在AI的帮助下，看了点教程，也做了一些简单的尝试，准备实战一下，因此记录分享一下。如果有不对的话欢迎大佬们批评指正。
注：所有代码相关的内容都是在Ai的帮助下完成，个人技术有限，还做不到完全自己写。
选择的技术方案：
前端：
- 前端的页面、路由等：Vue3 cn.vuejs.org/
- 前端框架：primevue V4 primevue.org/
虽然用的 Vue3 ，但是技术有限，还是用了选项式写法，希望比较容易上手一些。前端框架之前试过Arco和element plus，这次换个不一样的，多尝试一些新的。
后端:
- 环境：Node.js nodejs.org/zh-cn
- 框架：express expressjs.com/zh-cn/
- 数据库：mysql www.mysql.com/cn/
php虽然是最好的语言，但是需要重新学有点难。 Node 和 js 类似，并且用 express 更适合搭建 Api （看到有人是这么说的），希望可以减少学习成本。虽然 express 不够新，但是教程多，比较成熟，上手应该会好一些。
参考网站：
- 分秒帧：www.mediatrack.cn/
- 阅流：www.yueliu.cn/
- 腾讯创作平台云分享：v.tencent.com/share
下一篇具体分析这几个网站
开发环境：
- 系统：windows 11
- 编辑器：VS Code （用的比较多） code.visualstudio.com/
- 编辑器：WebStorm 2024 （尝试使用） www.jetbrains.com/zh-cn/webst…
- 缓存：redis 绿色版 （存一些临时的登录信息）
- 数据库：mysql 绿色版
- 数据库管理：HeidiSQL
- 本地的反向代理：nginx 绿色版
- npm环境版本管理：nvm-desktop github.com/1111mp/nvm-…
- npm镜像站： npmmirror.com/
- 版本管理：GitHub Desktop github.com/apps/deskto…
- API调试：Apifox apifox.com/
有个比较坑的地方，windows 11 下大小写不敏感，但是在 linux 和 macOS 上又是大小写敏感的，需要特别注意，不然部署到服务器之后可能会报错！Windows 上可以安装 wsl2 之后，对特定目录开启大小写敏感，参考： learn.microsoft.com/zh-cn/windo…
npm对网络要求稍高，除了镜像站，也可以安装 cnpm npm install -g cnpm --registry=https://registry.npmmirror.com
Git敲命令有些麻烦，代码的版本管理使用GitHub Desktop可视化操作，直接登录账号就行，上手简单。
其他内容：
- 已经认证的公众号（认证号或者服务号，用来做微信登录）
- 备案的域名（后续做带图分享，需要已备案的域名）
编辑器插件：
- AI工具：通义灵码（暂时免费） marketplace.visualstudio.com/items?itemN…
- AI工具：GitHub Copilot（收费好用） marketplace.visualstudio.com/items?itemN…
启动环境和创建项目：
mysql：
解压下载好的压缩包，双击startConsole.bat运行，出来一个黑框，没报错就是运行成功了，默认端口3306，账号root，没有密码。
再打开下载好的绿色版的heidisql heidisql.exe，填写 127.0.0.1，账号 root ，密码留空，端口 3306 ，点击打开。就能连上数据库了。在软件上方的 工具 → 用户管理 ，可以修改root的密码。本地开发，我设置的密码也是 root。
redis：
同样是解压下载好的压缩包，做了一个批处理文件，双击start_redis.bat 就启动了。127.0.0.1 端口 6379
node环境：
下载安装NVM Desktop，一路下一步安装。安装之后下载对应的版本，然后点击应用即可。
CMD命令中使用 node -v 和 npm -v 可以查看是否成功，以及安装的版本。
安装 cnpm ：
输入：npm install -g cnpm --registry=https://registry.npmmirror.com 进行安装。
创建前后端项目：
Vue
新建了一个review_video文件夹，在这个文件夹中打开终端。输入 cnpm create vue@latest ，这里换成了cnpm。安装的时候选择创建了一个 review_video_public的文件夹，不使用TypeScript和JSX，使用Vue Router 、Pinia、使用ESLint和Prettier，其他选择了否。
cd review_video_public 切换到对应的目录，cnpm install安装依赖（cnpm）。
在对应的目录下运行 npm run dev启动项目，浏览器打开 http://localhost:5173/ ，有对应的内容说明已经完成了 vue 的环境搭建。
express：
在 review_video 文件夹中新建一个 review_server 文件夹，在review_server中打开终端。输入npm init
初始化，一路默认回车，文件夹中会出来一个 package.json 文件。
然后终端中继续运行cnpm install express开始安装express（换成cnpm）。
使用vscode 打开 review_server 文件夹，新建一个 index.js ，先输入一个注释，写上需要一个 hello word demo，等待一下，AI就会自动创建了下面的内容，使用的话就 tab 确认。
VS Code 终端中输入 node index.js运行项目，在浏览器中输入 http://127.0.0.1:3000 就可以看到 hello word。至此，基础的开发环境就搭建好了。
结语：
由于纯自学或AI提示，以上操作不知道是否正规，欢迎大佬们不吝赐教，批评指正。
