多语言展示
当前在线:1742今日阅读:60今日分享:41

Brackets安装设置和插件推荐

Adobe Brackets是一个开源的编码编辑器、简洁强大的HTML、CSS和JavaScript集成开发环境,下面详细介绍Brackets的安装和设置。
工具/原料
1

电脑一台

2

Brackets官方安装包

一、下载安装包

去下载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 prefix 使用 CanIUse 上的 css3 数据,自动补全 css3 前缀和浏览器兼容,不过可能有些新了。有一些旧版本的浏览器会被抛弃掉

7

PHP 帮助文档 - QuickDocsPHP选中位置,使用快捷键 command + K(mac),ctrl + K (windows),可以快速查看 PHP 的帮助文档。

注意事项
1

下载安装包请去官网下载

2

插件在编辑器的扩展管理器中安装

推荐信息