1、Bracket使用

转自：https://www.jianshu.com/p/393833400782

Adobe的PhotoShop、Dreamweaver等大批优秀软件，印(nue)象(杀)了一代一代的优秀的计算机高手。但是因为收费的缘故，很多小伙伴被迫使用特别版本(大家懂得)。今天前端的小伙伴有福，Adobe推出一款前端神奇Brackets秒杀一切前端工具。并且是免费的，没有听错是免费的，大家赶紧来试试，下面给刚接触Brackets的童鞋三个必备的小技能。

1.切换语言

英文学渣的福音

Brackets自带多国语言，三步把英文切换成中文。

1. 点击菜单栏Debug菜单。
2. 选择Switch language
3. 在打开的对话框中选择简体中文，单击Reload Brackets。

OK，可以看到菜单栏变成中文了。还不清楚的童鞋，看一下下面的图。

切换语言

2.安装插件

软件强大之处，在于可扩展。

Brackets自带功能有限，但是插件丰富，有很多意想不到的功能，让小前端们效率百倍，还不赶紧装起来。

安装插件分三步：

1. 点击右侧的扩展管理器图标。
2. 在弹出的对话框中，选择你要安装的插件，点击安装。
   3.最后弹出，安装成功对话框，单击关闭。

好了，有不明白的童鞋看一下下面的动画吧。

安装插件

有的童鞋没有网怎么办？没关系，Brackets给大家提供了离线安装方式。在上面的第二步中，有个拖拽.zip到此处框，把插件的.zip拖进去较好了。要是有的同学的插件zip都没有，那只能先用基本功能了。不知道装那些插件的童鞋，请静待后文。

手动安装插件

注意：一定要把插件的zip包拖进框里面哦！

3.打开即时预览

即时预览，向F5说ByeBye。

只需要单击右侧的即时预览图标即可启动。是我见过最简单的HTML LiveCode。

友情提示：Brackets暂时只对Chrome浏览器有效，没有Chrome的小伙伴们赶紧装一个。

即时预览

作者：jdzhangxin
链接：http://www.jianshu.com/p/393833400782
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。