【面向前端开发者】推荐一下Adobe出的开源代码编辑器Brackets

jun4rui 发布于 2014/05/06 10:40
阅读 2K+
收藏 14

自己偶尔做做前端开发,断断续续搞了十多年吧,技术不精只会一些大路货,写代码的工具从DW开始,先后换过apatina、vim、emacs、sublimetext2等等,但是就前端开发来说,都有一些不太爽的地方。最近用了一下Adobe的Brackets,发现解决了不少困扰自己的问题。

首先,用通用编辑器做前端HTML之类的代码,首先遇到的问题就是CSS编辑,因为CSS一般都定义在head或者单独的文件中,而代码则在body中,经常编辑了要跳到头部或者其它文件去改,这一点很麻烦。而Brackets的快速编辑功能很好的解决了这个问题,只要按快捷键CTRL+E就会直接滑出一块区域编辑CSS真是太爽了。这玩意UI估计是用Webkit之类玩意做的,UI布局有点像Atom(这货还没出Windows版),自带插件管理,不过什么whitespace显示、emmet、主题、字体、CTRL+P等都要插件实现,还好比较简单啦。自带的估计也就是类似Sublimetext2的多选择/编辑啦。装备齐全后,写前端和ST2差不多了。

再说说另一大特色——实时预览,虽然有些编辑器也有这个功能,而Brackets的实时预览虽然就是打开一个Chrome窗口,但是你当前编辑的代码区块的部分会在Chrome上突出显示,并且你调试本地HTML工程的时候实时预览是自动启动一个web服务器,所以你在Chrome下看到的是本地IP:端口号的方式,以前调试代码因为Chrome有个问题本地调用远程JS会有安全问题导致无法跑,为此只能自己装web服务器调试略苦逼,有这玩意就轻松多了。

再有就是免费、开源、W\M\L三大平台通吃(Linux请在点下载下面的other进去看,有deb包)。
加载中
0
囧南风囧
囧南风囧

好,多谢推荐,试试看

0
TaeTiSeo
TaeTiSeo

感谢啊,正好刚下载了使用但是不知道如何设置字体和主题呢

0
蜗牛快跑
蜗牛快跑

用了近半年了,没有代码折叠功能有点不爽……

felayman
felayman
可以下载扩展包 扩展包里有代码折叠
0
jun4rui
jun4rui

引用来自“langman521”的评论

感谢啊,正好刚下载了使用但是不知道如何设置字体和主题呢

这功能不自带,但是扩展里面有哦,有sublimetext标准的monokai等等,请搜索themes和font    


0
jun4rui
jun4rui

引用来自“蜗牛快跑”的评论

用了近半年了,没有代码折叠功能有点不爽……

这个有扩展的,需要自己下载
蜗牛快跑
蜗牛快跑
哪个扩展?
0
jun4rui
jun4rui

引用来自“jun4rui”的评论

引用来自“蜗牛快跑”的评论

用了近半年了,没有代码折叠功能有点不爽……

这个有扩展的,需要自己下载
插件管理器中搜索: Code folding 
返回顶部
顶部