好用软件&工具&插件大全(不仅限于前端开发工具)
一 前端工具:
1. 开发工具: sublime, webstorm,hbuilder , VsCode 很强大的智能提示功能,对于node等也能提示 visual studio code(vsc)教程: https://i5ting.github.io/vsc/ curl工具:安装方法:https://blog.csdn.net/daqiang012/article/details/80839818
2.测量工具: markman, fireworks
3.切图工具: fireworks, Photoshop
4.IE tester 检查代码在各版本IE中的兼容性
5.各种插件:sublimeserver, AIR DATEPICKER(日期选择插件,可实现日期可选择范围) 用gulp就要用gulp-useref插件,不用是遗憾,因为很好用。
edit this cookie插件 clear cache 清缓存插件
6.测试工具: browsersync 高效测试工具,重点掌握; get,post请求测试工具:curl 工具,抓包工具,postman. Yslow 性能优化插件 好用!
7. 接口相关: postman专门用来测试api的软件,很好用。 VSCode插件EasyMock - Mock server :本地mock数据(1.可读性高; 2.方便切换真实和mock数据)
8. 转码器: Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码使用babel就能使用es6,甚至es7. Bable会将es6转换为es5. babel很好用,很强大,很主流!
9.app开发: Electron 可以使用web技术栈来构建跨平台桌面应用 实际上就是把网页打包到app里面 前身是atomshell
10. angular调试插件工具batarang
11. 项目管理软件: 风车项目管理软件
12. 工作法: 番茄工作法
13. 好用的库:lodash:碰到什么处理数据要写很多代码的就去lodash里面找,基本都有,很变态
2.1前端插件:
vsCode: Prettier
二. 产品相关工具:
原型图: 墨刀
流程图: processon
三 其他好用应用:
脑图: xmind,freemind,百度脑图等
截屏: FastStone Capture(支持滚动截屏),ScrToPic
扫描: 扫描全能王
四 开发黑科技:
0代码/低代码工具:ivx
AI工具:
智能IDE:
CodeFuse:ai集成环境:代码生成,图生码,单元测试。。。
TRAE: 智能IDE: 智能问答 代码生成 从0到1开发项目。。。
需求描述=> UI=> 代码:
weavefox:
1 WeaveFox有意图生码功能(文字描述需求,就可完成设计,并实现功能);
2 用于设计稿转代码的图生码工具;
3 MCP服务等功能;
设计图=> 代码:
weavefox: 设计图 => 前端代码: 支持选技术栈;UI还原度高;功能实现度高;代码质量高。
提示词:
鹦鹉:提示词平台。 有大量沉淀的优秀,可复用的提示词。支持创建和复用自己的提示词。
对话类:
deepseek
chatGpt
开发工具:
SuperSider(chrome插件):
1. 通过审查元素 - 从页面 UI 直接定位到源代码
2. 元素微调发送到IDE
3. Debug能力 - 帮你修复Bug(页面报错,会显示出来,点击即可定位代码,并点击自动修复)
NiceModal:
模态框管理工具库(npm包)
脑图软件:
1.最好可以像百度脑图那样可以写注释 2.要有导出功能备份功能
Mindmaster :
功能: 1. 2(收费)
缺点: 导出和节点数都被限制,需要会员!
特色:支持下钻
迅捷思维导图:
缺点: 太丑了,节点数都被限制,需要会员!
思维导图统一痛点:
格式太多,互相之间兼容性不好,有些注释换个软件就看不到了
移动端兼容性测试:TestFun ,可一机多控,简直帅炸了,一下子测试几十台设备: https://testfun.alipay.com/
设计稿实现工具:
Pixel Perfect Pro插件: 谷歌插件,可支持在网页和设计图对比,看是否完全重合。如果需要完全精确还原设计稿,就要用这个插件
浙公网安备 33010602011771号