前言
我从事前端工作已经六七年了。半路出家，年龄也大，一直小打小闹，做过培训老师、电子烟商城前端、医疗行业前端，现在是一个保险外包的前端。兜兜转转，一直都在vue技术框架内打转。
去年开始，我已经感觉到深深的危机了。单独的前端，已经没有太大的优势了。所以我就开始跳出自己的舒适区，学习React 和 后端相关的知识。希望能给自己一些优势。
刚开始，自己直接去官网学习，发现自己学不下去，后来才知道，编程是一个实践性很强的技术活动。对我个人而言，先做一个相关的项目，然后再学习相应的知识，才能掌握的好点。我想，这应该是学以致用吧。
万幸让我找到了这个项目，让我既能学习入门一下react，也能了解一下后端的流程。它就是我心中的白月光，让我学完它之后，心心念念的再想重构一下，也加入一些新的想法。
具体的功能我梳理了一下，如下图：
开发环境
我在掘金上买了好几个小册
发现它们基本上都是用的mac系统（都是土豪啊） 我一直用的windows系统（没钱），所以我就打算用windows系统来开发。
开发工具和软件
-
vscode——这个不用说了，编辑器，前端都懂得。
-
Apifox——接口测试。本来是想用postman的，但是发现postman在我司不能用（会被发律师函）。为了能在家和公司一起开发，就用了这个，感觉用的还可以。
-
chrome——前端开发必备浏览器。除了正式版Stable，我还安装了Canary版，这个版本除了更新快，还有就是可以和系统里其它Chrome版本共同存在。可以作为单独的开发专用浏览器。
-
Docker Desktop——docker容器化。后端服务中绕不开的数据库存储，我用的是mysql和redis，发现它们在window中安装起来有点费力，就直接在docker中安装吧，图形操作，可以随时起停服务。多用用，最后在服务器部署的时候，也容易些。
-
DBeaver——数据库管理工具，可以连接mysql，可以查看表结构，可以执行sql语句。这个也是规避法律风险，所以就统一了。
-
MySQL Workbench—— 数据库管理工具，在新版的mysql数据库，DBeaver有肯定连接不上，这个工具是MySQL官方可视化工具，做一个备用吧。
-
Redis Insight——reids管理工具，图形化操作，可以查看redis的key，可以执行redis的命令。
开发语言
- typescript——js的超集，语法和js基本一致，但是增加了类型检查，可以提高代码质量
开发框架
-
react——前端开发框架，也是我学习的重点。
-
nest——后端开发框架，也是我学习的重点。
其它
- nvm——node版本管理工具。在我司，因为大部分技术栈是vue2.0，所以我的node版本一直不是很高，node14.17.0吧，但是react和nest要求的比较高，所以我就在安装nvm来管理node版本，随时切换node18以上。
总结
以上是我个人在开发过程中用到的开发工具。这些工具我只是列出了名称，具体怎么安装，我就不在这里赘述了。
到最后，我还是说一下吧，我文笔不好，也没有写过什么文档，这个项目，我主要是想记录一下我学习的过程。以这个功能梳理思维导图
为标准，先从页面开始，然后是对应的后端功能。流水账式的记录，想到哪，写到哪。可能更新会很慢（因为我也在学习其他的，比如react通关秘籍），争取前端用自己写的组件，毕竟，学习为主。如果这个记录如果有人看，请你多多包涵和指点。
