好用软件&工具&插件大全(不仅限于前端开发工具)

一 前端工具:

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服务等功能;

      功能介绍如下:https://www.bilibili.com/video/BV1P3KFzqEY9/?spm_id_from=888.80997.embed_other.whitelist&t=37.250606&bvid=BV1P3KFzqEY9&vd_source=0e72ddf9a255b707113a45c5e53fc322

       亮点:设计还原度高;代码质量高;还能自动修复代码;

 

  设计图=> 代码:

    weavefox: 设计图 => 前端代码: 支持选技术栈;UI还原度高;功能实现度高;代码质量高。

  

  提示词:

    鹦鹉:提示词平台。 有大量沉淀的优秀,可复用的提示词。支持创建和复用自己的提示词。

 

  对话类:

    deepseek

    chatGpt

  

 开发工具:


SuperSider(chrome插件):
  在web上点击,就能快速定位到代码,避免找代码消耗时间。且和codefuse打通了,直接输入提示词可编码
   features: 

    1. 通过审查元素 - 从页面 UI 直接定位到源代码 

    2. 元素微调发送到IDE

    3. Debug能力 - 帮你修复Bug(页面报错,会显示出来,点击即可定位代码,并点击自动修复)

  优势:相较于内部外部的审查工具,无需在项目安装插件,只需要一个浏览器插件+CodeFuse IDE
 

 

 

NiceModal:

  模态框管理工具库(npm包)

 

 

脑图软件:

1.最好可以像百度脑图那样可以写注释 2.要有导出功能备份功能 

 

Mindmaster :

功能: 1. 2(收费)   

缺点: 导出和节点数都被限制,需要会员! 

特色:支持下钻

 

 

迅捷思维导图:

缺点: 太丑了,节点数都被限制,需要会员!

 

思维导图统一痛点:

格式太多,互相之间兼容性不好,有些注释换个软件就看不到了

 

 

移动端兼容性测试:TestFun ,可一机多控,简直帅炸了,一下子测试几十台设备: https://testfun.alipay.com/

 

 

设计稿实现工具:

Pixel Perfect Pro插件: 谷歌插件,可支持在网页和设计图对比,看是否完全重合。如果需要完全精确还原设计稿,就要用这个插件

 

posted on 2016-10-27 10:38  joyful2  阅读(347)  评论(0)    收藏  举报

导航