# 前端常用工具

# 编辑工具

# Sublime

sublime

Sublime Text 是一个代码编辑器(Sublime Text 2 是收费软件,但可以无限期试用),也是 HTML 和散文先进的文本编辑器。Sublime Text 是由程序员 Jon Skinner 于 2008 年 1 月份所开发出来,它最初被设计为一个具有丰富扩展功能的 Vim。   Sublime Text 具有漂亮的用户界面和强大的功能,例如代码缩略图,Python 的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持 Windows、Linux、Mac OS X 等操作系统。

# 主要特点

  • 深度整合 GBK 编码,可以完美支持 GBK 编码文件。
  • 去除自动检测升级提示。
  • 自动换行功能。
  • 安装 Emmet(ZenCoding)插件。
  • 调整字体大小为 11px 以适合正常人使用习惯。
  • 软件已注册。

# 优点

  • 主流前端开发编辑器
  • 体积较小,运行速度快
  • 文本功能强大
  • 支持编译功能且可在控制台看到输出
  • 内嵌 python 解释器支持插件开发以达到可扩展目的
  • Package Control:ST 支持的大量插件可通过其进行管理

sublime 官方地址

# VSCode

vscode

Visual Studio Code(以下简称 vscode)是一个轻量且强大的代码编辑器,支持 Windows,OS X 和 Linux。内置 JavaScript、TypeScript 和 Node.js 支持,而且拥有丰富的插件生态系统,可通过安装插件来支持 C++、C#、Python、PHP 等其他语言。

# 优点

  • 满足智能感知:使用 IntelliSense 提供智能完成,基于变量类型,函数定义和导入的模块,超越语法高亮和自动完成。

  • 打印语句调试已成为过去:直接从编辑器调试代码。启动或附加到正在运行的应用程序并使用中断点,调用堆栈和交互式控制台进行调试。

  • 内置的 Git 命令:与 Git 和其他 SCM 供应商合作从未如此简单。审阅差异,阶段文件,并从编辑器进行提交。从任何托管 SCM 服务推送和拉。

  • 可扩展和可定制:想要更多功能?安装扩展程序以添加新的语言,主题,调试程序,并连接到其他服务。扩展运行在不同的进程中,确保它们不会减慢你的编辑器。详细了解扩展。

visual studio code 官方地址

# HBuild

hbuild

HBuilder 是 DCloud(数字天堂)推出的一款支持 HTML5 的 Web 开发 IDE。[1] HBuilder 的编写用到了 Java、C、Web 和 Ruby。HBuilder 本身主体是由 Java 编写。    它基于 Eclipse,所以顺其自然地兼容了 Eclipse 的插件。

# 优点

  • 快,是 HBuilder 的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升 HTML、js、css 的开发效率。
  • 绿柔主题,保护健康
  • 最全的语法库
  • 最全的浏览器兼容性数据
  • 强悍的转到定义和一键搜索

HBuild 官方地址

# 图形工具

# PicPik

picpik

PicPick 是一款截取全屏、活动窗口、指定区域、固定区域、手绘区域功能,支持滚动截屏,屏幕取色,支持双显示器,具备白板、屏幕标尺、直角坐标或极坐标显示与测量,具备强大的图像编辑和标注功能的软件。

截图可以保存到剪贴板、自动或手动命名的文件(png/gif/jpg/bmp)。

# 软件功能

  • 屏幕截图:支持全屏、活动窗口、滚动窗口 、窗口控制、区域、 固定区域、手绘 、重复捕捉;

  • Ribbon 界面图像编辑器: 箭头、 线条等绘图工具。模糊、 锐化、、 像素化、 旋转、 翻转,框架等特效。

  • 拾色器和调色板:支持 RGB、HTML、 c + + 、Delphi 等代码类型,Photoshop 风格转换,保存颜色;

  • 屏幕放大镜、量角器、屏幕坐标计算功能;为你的演示文稿把屏幕当作白板自由绘画!

# 优势

  • 全面支持 Windows(完全支持 Windows7) 多语言支持,超过 28 种语言

  • 所有功能都可在双显示器下使用

  • 不需要注册表、不需要系统目录,复制至 USB 即可运行

picpick 官方地址

上次更新: 8/16/2019, 2:06:33 PM