作为十年前端开发的我都用了哪些工具?

168 阅读3分钟

hazel-z-FocSgUZ10JM-unsplash.jpg

好的工具可以让你工作的效率翻倍,同时开发中优先使用已有的开源方案会让你的项目运行地更稳定。在这里一定能找到令你满意的一款工具。🛠

开发工具

1. RunJS

JavaScript 运行器的桌面端工具,支持 Windows、macOS、Linux 等主流平台。一边写代码一边看运行效果。还可以导入已发布的包。

官网:runjs.app

2. Javascript Playground

网页版在线 JavaScript 运行器,还提供前端学习教程,以实际演练的形式。

地址:playcode.io

3. iTerm2

适用于 Mac 的强大的终端工具。它比系统自带的 Terminal 好用得多。有丰富的特色功能,比如快捷键、分屏、定制终端主题颜色等。

4. 其它

绘图工具

1. Excalidraw

手绘效果白板绘图工具,支持在线协同,拥有丰富的素材库,开源,支持自行搭建或魔改。

预览地址:

2. Svg drawing

一个用于轻松绘制草图和重播的画布,可导出 SVG 格式

3. 代码图片工具

4. 其它

截图工具

1. Snipaste

一款强大的截图工具,基本涵盖截图所需的所有场景。强烈推荐!!!

特性:

  • 完全免费,也可以解锁专业版
  • 方便对图像进行标注,各种画图工具和模糊处理
  • 可以将剪贴板中的内容转化为图片,包括文本、图片、HTML 文本,图片窗口控制,方便取色,贴图分组等功能
  • 截图时能自动检测界面元素区域,精准控制鼠标的移动操作,内含取色器,同时支持分屏,历史记录回访

支持平台:

  • Windows
  • Mac
  • Linux(开发中)

官网:zh.snipaste.com
下载地址:zh.snipaste.com/download.ht…

二维码生成工具

统计工具

1. Shields.io

在线统计工具,支持多种徽章样式,可以网页图片标签或 Markdown 语法中使用。

Shields.io

shields.io

2. Github Star History

生成 Github 仓库 Star 历史变化趋势图,通过 URL 传入参数:仓库的名称

Star History Chart

star-history.com

3. Github Commit History

以图片的格式展示 Github 上用户月度提交频次图表。

Fantingsheng' github

github.com/2016rshah/g…

写作工具

Markdown 转富文本

Markdown 排版

工具合集

及时更新:spacexcode.com/docs/source…