Adobe Brackets是一个开源的编码编辑器、简洁强大的HTML、CSS和JavaScript集成开发环境,下面详细介绍Brackets的安装和设置。
工具/原料
电脑一台
Brackets官方安装包
一、下载安装包
1、去下载Brackets安装包(Brackets是免费的,大家去官方网站下。)Brackets官网下载地址
二、安装
1、下载好后,双击后缀名为.msi的文件进行安装,弹出如下界面。
2、这里都保持默认不变,单击next,单击install进行安装如下图所示
3、下图是按照进行过程
4、单击finish完成安装
三、启动和初始配置
1、在开始菜单找到brackets,即可打开,如下图:
2、初始界面是英文的,我们改成中文。找到菜单栏的debug--switch language,如图
3、在弹出的对话框中选择简体中文,重新加载软件即可,如图:
4、此时,我们发现界面已经变成中文了,如图:
5、我们还可以设置一下主题,视图--主题,如图:
6、单击主题,打开主题设置对话框,可以设置主题,自定义字号和字体。我们修改主题为brackets Drak,如图:
7、单击完成,主题就变了,如图:
四、brackets常用插件推荐
1、Indent Guides,显示一条竖直的缩进辅助线,有助于代码整齐,安装后在“视图”菜单栏下方就会有ndent Guides。
2、Emmet(原名Zen coding),快速书写HTML/CSS必备神器,菜单栏直接出现选项按钮
3、Beautify,一个代码格式化的软件,支持HTML/CSS/JAVASCRIPT,安装完毕后,选择菜单上的编辑→beautify(或使用快捷键 ctrl+alt+L)完成代码格式化
4、Autosave Files on Window Blur,当软件失去焦点或切换程序时,自动保存所有文件,无按钮,自动后台实现。
5、Themes,可以改变编辑器的样式。安装以后,主菜单上会多出一个 Themes ,打开以后,选择想要的主题。
6、CSS3 代码自动补全插件:auto p筠续师诈refix 使用 CanIUse 上的 css3 数据,自动补全 css3 前缀和浏览器兼容,不过可能有些新了。有一些旧版本的浏览器会被抛弃掉
7、PHP 帮助文档 - QuickDocsPHP选中位置,使用快捷键 command + K(mac),ctrl + K (windows),可以快速查看 PHP 的帮助文档。