前端神器brackets使用体验+超详细使用技巧

效率至上，时间用在刀刃上！

说到前端神器，大多数前端码农想到的就是sublime，快！秒开文件，轻！体积超小，全！各类插件非常齐全。但是用了sublime一年，我发现它也有一些不便之处，其一：ftp插件使用极不方便，在线修改文件时，ftp连接慢，一不小心点到别处还容易被关闭窗口。其二：界面很简洁，但常用工具不方便找。三：修改代码的时候来回找css或者js很麻烦费时。
但是，Adobe出了一款专为前端开发准备的编辑器，brackets，界面更美观，插件虽然不若sublime那么齐全，但也基本满足需要。目前我已经使用了几个月，现在sublime用得越来越少了。在我看来，相比sublime，我认为brackets有以下几大优势

一、即时编辑即时显示

据说码农写代码时，百分之十的时间用来思考，百分之二十用来写，百分之七十用来调试，前端开发中最痛苦的莫过于调试阶段了，虽然现在浏览器都带有调试功能，但是在调试工具中调试好了还需要应用到代码中去，这一来一去，不仅效率极低，程序猿也很痛苦。但是brackets就可以直接在代码中修改后应用，极大的提升效率。
使用方法：brackets的即时调试功能需要配合谷歌浏览器来使用，点击工具栏闪电状的图标，保存代码时浏览器即可自动刷新。如果是本地服务器的项目，sublime还会提示输入服务地址哦~

二、更快捷的修改css
以前用sublime写项目，需要在不同的文件中跳切换，效率不高，即使是分屏，找起样式来也会比较麻烦，而且，分太多反而不方便。而在brackets中，只需要将鼠标放到某个类上，ctrl+e即可打开快捷修改css的小窗口。Ps:这个操作对于sass中的样式也是有效的。

三、更便捷的插件使用
相比sublime，brackets的一些比较常用的工具都是放在侧边栏的，拿我的几个工具来说，最后三个分别是eqftp，beautify,simple to do。

常用插件使用：
用用brackets，安装插件只需要点击工具栏右侧第二个积木形状的按钮，由于插件都是从国外下载的，所以最好开vpn，这里推荐使用greenvpn，每天免费一小时，毕竟我常用这个，还是小小的打个广告当赞助了！

一、Eqftp
搜索安装eqftp后，重启brackets，工具栏即出现一个文件夹状的按钮

点开后点击齿轮状按钮进行配置，需要在这里面输入服务器地址与账号密码

随后在选择框里选择连接的服务器就可以了

就跟选择本地文件一样，可以实现在线编辑，然后在文件上右键提交，是不是很方便呢？

二、Autoprefixer
故名思议，该插件可以自动给需要加前缀的css增加前缀，也可以去掉多余的前缀，简直方便得不要不要的，什么时候增加前缀可以安装后在edit里进行配置，我选择是保存时自动增加。

其它的常用插件还有beautify，一键美化代码；simple to do，项目记事本；sassHint等等，可以说，这款编辑器还是十分人性化的！

虽然brackets十分好用，但是也不是没有弊端的，文件开过多可能会卡顿，连接eqftp时长时间不刷新，再连接可能会报错，但是这并不影响我继续使用它！

注：写这篇文章纯粹出于分享，并不是说sublime不好，编辑器是工具，选择哪个看个人。

Brackets下载地址：http://brackets.io/