个人前端开发工具整理

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

一、工具

1. 代码编辑器

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

2. 代码管理

Git、Gitlab
SourceTree:git可视化工具

3. 服务器相关

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

4. 调试

Chrome
不解释,不会真有人用IE调试吧?
Chrome也提供诸多调试相关拓展程序,Lighthouse,Web Vitals,关注网站性能

5. 其它

Editplus、Notepad++
StarUML
Typora

二、框架、技术

1. H5

原生js、jQuery、mui

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

2. 前端

Vue、Angular、Sass

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

3. 后端

Spring boot、Mybatis Plus

对没接触过的人来说,后端每个框架都不是那么容易就能搞定的,上手不简单、精通难、各种让你一脸懵逼的bug,坑还贼多。

4. 数据库

MySQL、PostgreSQL

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

三、前端插件

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

你可能感兴趣的:(前端)