前端常用软件与工具

集成开发环境

集成开发环境（IDE，Integrated Development Environment ）是用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套（组）都可以叫集成开发环境。

Visual Studio Code

官网：https://code.visualstudio.com
源代码：https://github.com/microsoft/vscode

Visual Studio Code（VSCode）是由 Microsoft 提供的一款开源文本编辑器。它将文本编辑器与开发者常用的 “编辑-构建-调试” 的循环结合了起来，提供了全面的代码编辑、导航、轻量级的代码调试的支持，同时通过丰富的插件支持扩展功能。

主要功能：

支持跨平台，提供了 Windows、Linux、macOS 等多个版本
支持代码高亮 & 自动代码提示
支持在编辑器调试代码
支持文件系统浏览器，可以在一个窗口中浏览和打开单个文件、整个项目或多个项目
内置 Git 命令，支持源代码管理
集成 zsh/bash 终端
可以通过插件扩展和定制其它功能

Atom

官网：https://atom.io
源代码：https://github.com/atom/atom

Atom 是一款界面简洁优美同时功能十分强大的开源文本编辑器，由 Github 提供支持，基于 Electron 构建，包含了现代编辑器的大部分常用功能，而且支持深度定制。

主要功能：

跨平台编辑，OS X、Windows 或 Linux 均可使用
内置包管理器，支持搜索并安装新包
文件系统浏览器，可以在一个窗口中浏览和打开单个文件、整个项目或多个项目
支持代码高亮 & 自动代码提示
支持全局查找与替换
支持多窗口跨文件比较与编辑
支持深色、浅色等多个主题
通过 teletype 支持多人协同编辑
集成 Git 与 Github 进行代码管理
深度定制，可以通过 CSS/Less 调整外观，可以使用 HTML 和 JavaScript 添加额外功能

Sublime Text

官网：https://www.sublimetext.com

Sublime Text 是一款快速的，用于编码、标记或写作的文本编辑器。Sublime Text 是收费软件，一次性收费 $99，包含三年的更新支持，由 Sublime HQ Pty Ltd 开发并提供技术支持。

主要功能：

支持GPU渲染
对 Apple Silicon 处理器原生支持，Linux ARM64 版本也可用于 Raspberry Pi 等设备
支持文件选项卡
基于上下文支持自动完成提示
主题和配色方案支持自动暗模式切换
默认支持 Typescript、JSX、TSX
支持语法高亮

WebStorm

官网：https://www.jetbrains.com/webstorm/

WebStorm 是一款适用于 Javascript 和相关技术的集成开发环境。WebStorm 由 JetBrains 提供技术支持，个人版 $59/年

主要功能：

提供了对 Javascript 相关生态的原生支持
支持代码补全和代码提示
支持对客户端与 Node.js 应用程序进行调试
支持代码比较和查看提交历史
内置 HTTP 客户端
集成 linter
集成终端
支持导航和搜索代码
支持通过 Code With Me 进行协同开发
支持集成 JetBrains Space 进行代码审查
支持自定义 UI 与键盘映射
支持通过插件市场扩展功能

HBuilder

官网：https://www.dcloud.io/hbuilderx.html

HBuilder 是一款小巧、轻量级的文本编辑器。它只有10M的安装包，功能较少，主要支持 Vue 及小程序相关生态。HBuilder 由 DCloud（数字天堂）提供技术支持，是一款免费软件。

主要功能：

对 Vue 生态，小程序生态进行了更好的支持
支持语法分析，代码提示
对 markdown 文件进行了原生支持
提供插件市场支持扩展功能

代码管理客户端

Sourcetree

官网：https://www.sourcetreeapp.com

Sourcetree 是一款免费的 Git 客户端，支持 Windows 和 Mac 系统。Sourcetree 由 Atlassian 提供技术支持，是免费的，但是需要注册 Atlassian 账户才能使用。

主要功能：

支持 Windows & Mac 操作系统
支持代码分支提交历史可视化
支持多种 Git 工作流
Git 大文件支持（Git LFS）
支持子模块（Submodules）
支持远程仓库管理
支持本地提交搜索

Github Desktop

官网：https://desktop.github.com
源代码：https://github.com/desktop/desktop

Github Desktop 是由 Github 提供的一款开源 Git 客户端。

主要功能：

支持为提交快速地添加共同作者
检出分支时带推送请求同时可查看持续集成状态
代码比较时支持语法高亮

Sublime Merge

官网：https://www.sublimemerge.com

Sublime Merge 是由 Sublime HQ Pty Ltd 提供的一款跨平台的 Git 客户端。Sublime Merge 是收费软件，一次性收费 $99，包含三年的更新支持。

主要功能：

通过 zippy 支持跨平台
支持语法高亮
文件对比时可拆行
支持本地提交搜索

网络调试代理

网络调试代理（Web Debugging Proxy）是一类提供了 HTTP 网络代理与调试的工具。

Charles

官网：https://www.charlesproxy.com

Charles 是一个 HTTP 代理/ HTTP 监视器/反向代理，它使开发人员能够查看其计算机与 Internet 之间的所有 HTTP 和 SSL/HTTPS 通信。这包括请求、响应和 HTTP 头（其中包含 cookie 和缓存信息）。Charles 提供了 Windows、macOS 和 Linux版本，由 xk72 开发，售价为 $50。

Fiddler

官网：https://www.telerik.com/fiddler

Fiddler 是一款可以运行在 macOS、Windows、Linux 上的网络调试代理。Fiddler 由 Progress Software Corporation 开发，采用订阅式收费，售价为 $12/用户/月。

Whistle

官网：https://wproxy.org/whistle/
源代码：https://github.com/avwo/whistle

Whistle 是一款基于 Node.js 实现的跨平台开源 web 调试代理工具。主要用于查看、修改 HTTP/HTTPS/Websocket 的请求、响应，也可以作为 HTTP 代理服务器使用。它采用的是类似配置系统 hosts 的方式，一切操作都可以通过配置实现，支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式，且可以通过 Node.js 模块扩展功能。Whistle 由 Tencent 公司的 avenwu 开发。

API 调试与管理工具

Postman

官网：https://postman.com

Postman 是一个用于构建和使用 API 的 API 平台。Postman 提供了 API 调试和管理的功能。Postman 提供了免费版，也以订阅的形式提供售价不同的高级版本。

Hoppscotch

官网：https://hoppscotch.io
源代码：https://github.com/hoppscotch/hoppscotch

Hoppscotch 是一款开源的 API 开发工具，提供轻量级快速的 API 调试功能。

浏览器

浏览器是用来检索、展示以及传递 Web 信息资源的应用程序。

公司	浏览器	浏览器内核	js 引擎
Microsoft	Internet Exporler(IE) -> Edge	Trident(MSHTML，IE11-) -> EdgeHTML/MSHTML(Edge)->Blink（基于WebKit）	JScript（IE3.0-IE8.0） -> ChakraCore（IE9+之后）-> v8
Google	Chrome/Chromium	WebKit -> Blink（28.0.1469.0+，基于Webkit）	v8
Apple	Safari	WebKit	JavaScriptCore -> SquirrelFish（Nitro）
Mozilla	Firefox	Gecko	SpiderMonkey（1.0-3.0）-> TraceMonkey（3.5-3.6）-> JägerMonkey（4.0-）-> IonMonkey (18.0+) -> OdinMonkey（22.0+）
Opera	Opera	Elektra(4-6) -> Presto(7.0-12.18) -> WebKit -> Blink（基于Webkit）	Linear A（4.0-6.1）-> Linear B（7.0-9.2）-> Futhark（9.5-10.2）-> Carakan（10.5-）-> V8