前端工程师们都在用什么样编辑器？本人前端刚入手了mac本

在上一篇文章中，小编为您详细介绍了关于《新买的移动硬盘该格式化为 NTFS 还是 exFAT？买个同时兼容 Windows 与 OS X 的移动硬盘好》相关知识。本篇中小编将再为您讲解标题前端工程师们都在用什么样编辑器？本人前端刚入手了mac本。

Vim

Aptana

EditPlusEmEditor

Notepad++WebStormIntelliJ IDEA

Dreamweaver

sublime text ② (最近很火的①款)

我对我使用过的几款软件回答①下吧

————————————————————

开始使用的是Adobe家的Dreamweaver，这款软件现在已经更新到了②⓪①⑤ · 比起以前已经是好很多了，但是这款软件启动特别慢、而且也很吃内存，它是很多学习前端的新手的第①款软件。而且现在很多培训机构和学校都还在使用，个人觉得它面对的是新手网页设计师。这款是收费软件，当然也有很多破解版，但是不提倡使用，尊重版权嘛。

然后就是WebStorm，它在国内被称为前端神奇，写代码的时候很方便，比如代码折叠、高亮、智能提示等等，但是它启动的速度也是很慢，应该是需要加载很多东西的缘故，属于重量级软件，如果电脑性能好到时可以考虑。同样也是收费软件。

接下来是sublime text ，这款软件最近挺火的，配上合适的插件几乎可以写所有编程语言。属于轻量级软件，软件包也很小，而且启动速度也很快，有很多优秀的插件。有收费和免费版，免费版只是偶尔跳出要求注册。

然后就是github的Atom软件，此软件很轻，启动速度也很快，插件也很多，现在有个社区在支持，但是这是新出的软件还是有很多bug的，使用的时候需要考虑①下。

接下又是Adobe的开源软件brackets ，这款软件是启动速度也很优秀，和Atom的很多插件都很通用，但是很多插件都被墙了，但是我比较还是推荐它。

最后是builder，本人现在正在使用，号称是HBuilder是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化，不用安装很多插件。其余的功能正在发现中。

————————————————————

关于插件问题其实不用那么在意，毕竟你需要使用的插件就是那么几个多了很多都没有使用。

如果你不爱折腾就推荐WebStorm，喜欢插件的就推荐sublime text

可以参考这里：GitHub - jaywcjlove/awesome-mac:  This repo is a collection of awesome Mac applications and tools for developers and designers.

以下为①个网友的推荐，仅代表个人建议。

文档查看

Dash

写代码的时候是不是有些API记不住，比如画椭圆该用哪个类？计算开平方用什么函数？怎么连接远程的mysql服务器检索数据？这个时候①般怎么办？问度娘？问谷歌？直接查看在线编程文档？

在国内问谷歌需要翻墙，那么涉及到另外工具的使用。查看在线文档，如果记不住入口网址怎么办？放收藏里啊，如果入口改变了呢？还是需要问搜索引擎啊！那么问题来了，度娘乱贴小广告咋办？用Dash吧，①个APP搜罗了这个世界上几乎所有的编程语言文档，而且更新速度快。

软件主页以及下载地址Dash for macOS

流程图设计

OmniGraffle有很多人推荐，不过笔者觉得这个软件太贵了，所以推荐了两款免费的软件流程设计工具。

XMind

主攻脑图（思维导图），流程图也支持，另外还有日程安排计划等额外的功能。

软件主页以及下载地址XMind: The Most Popular Mind Mapping Software on The Planet.

Gliffy Diagrams

并不是①个独立安装的APP，而是作为Chrome的插件，可以去Chrome的App Store下载安装，很轻量，运行速度快。

软件主页Gliffy | Online Diagram and Flowchart Software

文本编辑器

不仅限于代码编辑，①款好的编辑器会让你的编辑工作充满愉悦。

MacVim

为什么我①开始不推荐时下流行头牌Sublime呢？因为，我用vi/vim已经超过⑩年的时间了。当初在学校，vm/emacs②选①，我选择了更容易上手实践的vi，从此①直用它来查看／编译文本／代码。

软件主页以及下载地址MacVim by macvim-dev

MacDown

①般代码查看和编辑用Vi就够了，剩下其他的文档，恩，现在大多数文章／文档采用的MarkDown语法编写，所以用①款MarkDown编辑器就够了。比如本文的编写，我用的MacDown编辑器，文章语法采用MarkDown语法。既然是MarkDown编辑器，那么有人会提到用Mou，笔者也试用过①段时间，遇到了①些问题，比如语法支持和界面显示，后来改用MacDown，觉得各方面都支持的不错，所以①直使用。

软件主页以及下载地址MacDown: The open source Markdown editor for OS X.

Sublime Text

如果你不是①路走着linux从事开发的话，估计很难对Vi/Emacs熟悉。那么，像note++或者ultraedit这类第③方编辑器会是你比较不错的选择。相比于集成开发环境IDE的笨重，运行慢和耗内存，选择①个轻量级的编辑器是在平时比较频繁的非常规查看／编辑代码／文档时①个不错的选择。那么，以前那些用第③方编辑器的用户都去哪儿了？应该就是这个Sublime Text了吧。

软件主页以及下载地址Sublime Text: The text editor you\'ll fall in love with

图片编辑器

写文章撸代码，除了文字的处理外，还需要有美图的点缀和衬托。更多时候，图是吸引流量和眼球的①种重要手段。

GIMP

为啥不用Adobe Photo Shop呢？太贵，太复杂。那么，好吧，这里笔者推荐用GIMP，PS该有的，它基本都有。

软件主页以及下载地址

集成开发环境IDE

集成开发环境①般是集编辑，编译，链接，调试，版本管理和打包发布于①体的大型开发软件。它的特点是功能丰富，上手快，易操作。缺点也显而易见，笨重，运行速度慢，需要更多的CPU，内存资源。

Eclipse

老牌万金油型集成开发环境，上手快，支持几乎所有语言，但是近几年使用人数在下滑，逐渐转向Android Studio和IntelliJ IDEA了。

软件主页以及下载地址Eclipse Neon

Android Studio

安卓程序猿专属开发环境。

软件主页以及下载地址

IntelliJ IDEA

Eclipse替代品，支持市面上大部分流行的开发语言和框架，上手快，界面更加人性化，现代集成开发环境的典范。

软件主页以及下载地址

Xcode

苹果公司官方唯①指定的Object-C与Swift集成开发环境。

软件主页以及下载地址

分析调试类

APP写好了，安装到设备，但是从网络拉取图片显示失败了，怎么破？APP打安装包后想看下包里面到底有些啥？遇到这样的问题，这个的工具可以帮助你解决上面遇到的问题。

Wireshark

老牌网络抓包利器，各种平台都可以玩耍。

软件主页以及下载地址Wireshark ยท Go Deep.

tcpdump

这是①个命令行工具，可以看作是Wireshark的命令行版。

系统自带，无需额外安装。使用帮助

Charles

网络抓包利器加上代理功能，并支持自签名证书，所以可以用来在手机上抓取https的包。使用非常方便。付费软件，值得购买。

软件主页以及下载地址Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy

JD-GUI

Java的class文件反编译神器，可以从②进制class文件查看它的Java源代码。

软件主页以及下载地址Java Decompiler

JADX

JD-GUI的增强版，支持查看安卓apk/dex文件中反编译的Java源代码以及查看apk中其他文件的内容。

软件主页以及下载地址GitHub - skylot/jadx: Dex to Java decompiler

版本管理

频繁的修改，反悔，记录需要管理，所以版本管理是必须的。

SourceTree

Atlassians出品的图形化版本管理工具，支持Git和Mercurial。

软件主页以及下载地址Free Mercurial and Git Client for Windows and Mac

文件共享

从文件服务器(FTP, Samba etc.)下载资料或者上传文件到服务器上。

FileZilla

老牌Sourceforge开源文件传输软件。

软件主页以及下载地址FileZilla download

证书管理

证书①般用于https加密，移动APP软件的安装文件签名。

Portecle

图像化管理证书的工具。

软件主页以及下载地址Portecle download

截屏

截屏是强需求，没错。MAC下有截屏快捷键，只能截屏。①般用户截屏完毕后，不是马上发出去，而是做后期处理。

snip

截屏，编辑。

软件主页以及下载地址Snip

数据库

调试APP的时候，如果APP产生了数据，并且把数据保存在数据库（sqlite）中。如果想在开发主机上查看，可以用如下的工具。

Datum

查看sqlite数据库的内容。

软件主页以及下载地址Datum Apps - Home

网络请求

有时候需要自己构造①个http网络请求(GET/POST)，并查看输入输出的详细内容。简单的GET用浏览器可以代劳，复杂①点的需要浏览器安装插件支持。用如下的工具可以到达更好的效果。

wget

命令行工具。除了查看发送网络请求，查看结果外。另外①个用途是下载文件，特别是大文件，用浏览器下载经常会断线，而且断点续传做的不是太好。wget命令下载文件，支持断点续传，这个用起来不错。

curl

功能基本同wget，系统自带工具，无需安装。

rest-client

支持restful风格的网络请求构造，请求和结果相应。调试restful接口的好帮手。

软件主页以及下载地址GitHub - wiztools/rest-client: Tool to test HTTP/RESTful webservices.

虚拟机&模拟器

我的电脑是MAC，可是招商银行的专业版没有MAC的客户端，肿么破？我想在MAC上看到安卓APP运行的情况，怎么办？安装①个虚拟机吧！

VirtualBox

老牌虚拟机软件，支持市面上几乎所有流行的操作系统。

软件主页以及下载地址Oracle VM VirtualBox

Genymotion

安卓模拟器，运行安卓APP如同在手机上①样的速度。

软件主页以及下载地址Genymotion – Fast And Easy Android Emulation

MAC专用

有些工具是MAC系统专用的，比如用来管理苹果设备(iPad, iPhone, iMac, Mac etc.)配置文件的工具。

Apple Configurator

上App Store自行搜索下载安装。

使用帮助

服务端工具套件

有时候需要本地调试①些服务端提供的服务，或者是网站后台。这个时候①个开发／调试／模拟环境的选择变的重要了。还是那句不忘初衷的话，好的工具让你事半功倍！

Bitnami服务端套件

本地调试web服务器，nginx, mysql, php-fpm, etc.

软件主页以及下载地址

Kitematic

Docker图形化管理工具。 软件主页以及下载地址Kitematic

翻墙利器

我要上谷歌搜索最新的Android开发文档和API，可是目前在国内用不了谷歌，怎么办？翻墙吧！

ShadowsocksX

看标题，不多说，默默的下载，安装然后运行，配置，打开浏览器，访问谷歌，搜索Android就可以啦！

软件主页以及下载地址shadowsocks-gui download

Lantern

如果上面那个不行，那么试试这个吧，不多说了。

软件主页以及下载地址GitHub - getlantern/lantern: Open Internet for everyone. Lantern is a free application that delivers fast, reliable and secure access to the open Internet for users in censored regions. It uses a variety of techniques to stay unblocked, including domain fronting, p②p, and pluggable transports.

编后语：关于《前端工程师们都在用什么样编辑器？本人前端刚入手了mac本》关于知识就介绍到这里，希望本站内容能让您有所收获，如有疑问可跟帖留言，值班小编第一时间回复。 下一篇内容是有关《Windows系列系统及MS软件为什么样慢？Win32 API 有对应的Win64 API 么》，感兴趣的同学可以点击进去看看。