转自:https://www.jianshu.com/p/393833400782
Adobe的PhotoShop、Dreamweaver等大批优秀软件,印(nue)象(杀)了一代一代的优秀的计算机高手。但是因为收费的缘故,很多小伙伴被迫使用特别版本(大家懂得)。今天前端的小伙伴有福,Adobe推出一款前端神奇Brackets秒杀一切前端工具。并且是免费的,没有听错是免费的,大家赶紧来试试,下面给刚接触Brackets的童鞋三个必备的小技能。
1.切换语言
英文学渣的福音
Brackets自带多国语言,三步把英文切换成中文。
- 点击菜单栏Debug菜单。
- 选择Switch language
- 在打开的对话框中选择简体中文,单击Reload Brackets。
OK,可以看到菜单栏变成中文了。还不清楚的童鞋,看一下下面的图。
2.安装插件
软件强大之处,在于可扩展。
Brackets自带功能有限,但是插件丰富,有很多意想不到的功能,让小前端们效率百倍,还不赶紧装起来。
安装插件分三步:
- 点击右侧的扩展管理器图标。
- 在弹出的对话框中,选择你要安装的插件,点击安装。3.最后弹出,安装成功对话框,单击关闭。
好了,有不明白的童鞋看一下下面的动画吧。
有的童鞋没有网怎么办?没关系,Brackets给大家提供了离线安装方式。在上面的第二步中,有个拖拽.zip到此处框,把插件的.zip拖进去较好了。要是有的同学的插件zip都没有,那只能先用基本功能了。不知道装那些插件的童鞋,请静待后文。
注意:一定要把插件的zip包拖进框里面哦!
3.打开即时预览
即时预览,向F5说ByeBye。
只需要单击右侧的即时预览图标即可启动。是我见过最简单的HTML LiveCode。
友情提示:Brackets暂时只对Chrome浏览器有效,没有Chrome的小伙伴们赶紧装一个。
作者:jdzhangxin 链接:http://www.jianshu.com/p/393833400782 來源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。