仅仅记录本人使用的，必定都有替代品，具体需结合自己项目需要选择

一、工具

1. 代码编辑器

VS code：广泛使用的工具，插件众多，选它肯定不会错
HBuilder：也还不错，vue或H5开发很好用
后端：Idea、Spring Tools、Eclipse

2. 代码管理

Git、Gitlab
SourceTree：git可视化工具

3. 服务器相关

Postman：强大的API调试工具
WinSCP：图形化SFTP客户端，更新网站非常简单方便
MobaXterm：功能强大，远程连接服务器

4. 调试

Chrome、Microsoft Edge
Chrome也提供诸多调试相关拓展程序，Lighthouse，Web Vitals，关注网站性能

5. 其它

Navicat：数据库管理工具
Editplus、Notepad++：文本编辑器
StarUML、Process On：作图
Typora：markdown编辑器

二、框架、技术

1. H5

原生js、jQuery、mui

移动H5开发上来说，这套技术过时了，只能说是用来练练手

2. 前端

Vue、Angular、Sass

新手的话不建议从Angular入手，Vue、React都是非常不错的选择

3. 后端

Spring MVC & Spring boot & Mybatis Plus

非常适用于前后端分离模式，Mybatis Plus的封装能省很多事、方便地操作数据库

4. 数据库

MySQL、PostgreSQL

都差不多，没特殊要求，还是MySQL吧

三、前端插件

ElementUI：UI库，和vue绝配
Swiper：移动端滑动特效插件
Echart：强悍的图表插件，没有最炫只有更炫
axios：封装ajax，可以再封装，更改请求头以配合解决跨域问题
qs：方便的小工具，可用于路径参数转换
better-scroll：类似iscroll，不错的滚动插件
vue-lottie：方便的动图插件，支持json文件导入，超小
xlsx：excel数据导入必备，但是体积相当大，要打包发布的话记得改CDN方式引入它