最近在重装系统，每次重装都要重新配置环境，安装软件，安装插件，每次重装都不知道之前用了什么软件插件，所以还是写了一篇文章记录一下，和大家分享一下我的开发环境。

1.text3

Text 是最方便的编辑器，也是我开发时用得最多的编辑器，也是我认为最丑的编辑器。不过，它的轻量和启动速度给我留下了深刻的印象。

插件篇：

文件图标

美化插件，让你一眼就能更清楚的了解每个文件的类型。

辅助插件。它可以轻松地从目录导入文件，可以是相对路径 ./ 或绝对路径 /home/。

辅助插件。一键填充CSS3兼容性。

辅助插件，一键生成文档，开发者必装插件。

埃米特

开发插件。前端开发工具，不用解释了吧？

git

辅助插件，听说是git的神器，不过一直没用过，一直用git的tree。

辅助插件。一键美化HTML文档。

辅助插件.js使用技巧，超级详细超级好用。

辅助插件。jq提示，完整语法。

辅助插件。一键可以格式化js。

安全FTP

上传插件。这也是我一直坚持用它做开发的原因。因为基本上只有这个插件可以把三个项目放在一个文件夹里分别上传到不同的服务器。而atom插件每次只能上传一个项目。支持FTP、SFTP、FTPS等。

主题：

主题

主题。有很多颜色可选，超级漂亮。如果是+flat主题，会和整个系统很搭配。

Seti主题，非常抢眼，配色也很棒，也是最常用的主题之一。

四四方方的主题

Boxy主题。支持自定义。主题的很多颜色都支持自定义颜色。你可以随心所欲地设置编辑器的颜色。

2. Atom

我一般用atom写公司外的项目，大多是自己的项目。因为atom美观，提示齐全，插件安装也比较简单，又懒得去污染工作区，所以就用atom写自己的项目。

我的Atom中安装的插件有：

插件篇：

SFTP-

上传插件。其功能和sftp插件类似，但是此插件是基于当前atom打开的项目而不是当前文件所在的项目来上传文件的。

电源模式

很炫的一个插件。打字的时候屏幕会抖动（我一直把抖动关掉，好刺眼），而且光标会爆炸成很多块，效果很炫。我一般会把抖动关掉，连击关掉，爆炸开。这样技能保证炫酷又不会太刺眼（这个插件比较耗性能，低性能机器慎用）。

原子-

美化插件。很实用的一个插件，可以美化大部分常见语言（PHP好像需要安装另外一个插件支持）。

原子钟

辅助插件，右下角只显示当前时间，Mac全屏使用时经常不知道时间，现在一个插件可以解决这个问题。

原子 -

美化插件。专门针对js、jsx、json、sass、css等前端语言进行格式化的插件。

atom-live-

辅助插件。一键启动静态服务器的插件，相当于配置了+，打开就可以用sublime text 3左侧栏，保存后会自动刷新，支持开启多个端口。

原子-

辅助插件.前端js提示神器。

-路径

辅助插件。同上，可以自动补全文件路径。

辅助插件。与 功能相同，可自动生成兼容的CSS代码。

辅助插件，功能与 相同，可一键生成注释文档。

埃米特

辅助插件。Emmet 神器。

文件图标

美化插件。美化各个文件的图标sublime text 3左侧栏，一目了然。

git-plus

辅助插件，听说是git的神器，不过一直没用过，一直用git的tree。

辅助神器，一旦习惯了右边的小地图就回不去了，所以这个插件是必备的。

主题：

主题

主题。有很多颜色可选，超级漂亮。如果是+flat主题，会和整个系统很搭配。

Seti主题，非常抢眼，配色也很棒，也是最常用的主题之一。

对，还是这两个，没办法，用了好几次了，还是这两个主题最有吸引力。

我一般会用颜色搭配。

3.

我认为它是最适合前端开发的浏览器，而且在 macOS、Linux 上表现都非常出色，而且只要登录账号就能直接同步插件、浏览历史到所有终端。最吸引用户的肯定是其庞大的插件数量。

广告拦截

不用加plus，屏蔽广告还是很有用的。有时候我可以访问一些奇怪的网站，同时还能保持环境的整洁。

..

这是一款专业的屏蔽视频广告的扩展，至于效果，好像在Mac上看视频的时候广告不是很多。

Axure RP 适用于

看一下原型。

在全球最大的同性恋交友网站（）中，只要鼠标悬停在某个商品上，就会以弹窗的形式展示该商品的信息。这个插件可以在搜索时快速过滤掉不需要的商品，非常实用

这也是一个可以更直观的显示你提交频率的插件。

JSON-

一个 JSON 格式化插件。当访问返回 JSON 的 API 时，该插件将格式化 JSON 并以友好的交互方式呈现给用户。调试 API 的必备工具。

只是一个时钟 - 小时 / 只是一个时钟 -

时间插件。或者因为我工作是双屏+全屏应用开发，经常看不到时间，所以。。

功能就是在一个项目中，你不需要逐个点击每个文件，只需要在左边栏的文件树中展开就可以了，这样可以更加方便的找到文件。

快速轻松地管理和切换多个代理设置。无需多言。

脚本，简直是神一样的存在，你可以去寻找一些超赞的插件，我用的是百度云和 Ad 。

二维码

一键从当前URL生成二维码，在移动端调试需要用真机打开的时候，无需手动一个一个输入。

Vue.js

vue单页应用开发必备的调试工具。

结论

如有侵权请联系删除！