Win7旗舰版
Win7纯净版
Win10系统
Win11系统
系统教程
电脑软件
电脑游戏
手机游戏
手机软件

Adobe Brackets怎么使用？

编辑： 默遇
360集合包
360集合包
360集合包，一键装机、快捷方便。
立即下载   精品合集

　　Adobe Brackets怎么使用？Adobe Brackets是一寺开源、简洁强大的HTML、CSS和JavaScript集成开发环境。下面，小编就为大家介绍下Adobe Brackets使用方法。

　　一、项目设置

　　1、打开Brackets，整个界面很简洁，顶部菜单栏只提供file 》 exit退出编辑器功能。左侧为项目组织结构的文件树，使用Ctrl/Cmd+Shift+H可以呼出与关闭文件树。右侧为编辑区，上部为工具栏，中部为文档区域，下部为提示区域。

　　2、打开项目 使用File 》 Open Folder命令打开项目文件夹，左侧文件树项目名更新为项目文件夹名，文件树更新为当前项目的文件树。

　　在项目名上单击左键，弹出项目编辑菜单，编辑菜单会显示历史项目，以及项目编辑命令。

　　Open Folder命令：打开新的项目。

　　Project Settings命令：设置当前项目的Web地址，在页面调试预览时会用到。

　　设置要求：必须是https://开头的web地址。

　　如上图，设置为https://127.0.0.1/demo/slide时，在浏览器预览时，会通过web地址打开相应的页面。

　　如果没有设置，会通过文件的盘符地址打开页面。

　　二、文件编辑

　　在文件树中点击index.html，主区域打开index.html的文档。

　　1、Brackest会检测文档是否符合html规范，如下图提示，在20行有一个style样式块需要放在head节点里。

　　2、把光标放在一个class或id属性的标签名称上，按下Ctrl/Cmd + E（“编辑”）或退出编辑。Brackets将搜索项目下所有CSS文件，然后打开一个内嵌的编辑器嵌入在HTML文件中，可以让你迅速修改CSS代码。

　　当前class/id标签有多处样式定义时，编辑窗口提供切换按钮来切换显示样式，也可以使用Alt + Up/Down箭头键切换。

　　需要注意的是，Brackets会检测当前html文档以及项目下所有CSS文件来查找class/id样式，即使某些CSS文件在当前html文档中未被引用到。

　　3、Brackets同样支持对JS对象定义的快速预览/编辑，把光标放在一个js函数名称上，按下Ctrl/Cmd + E（“编辑”）或退出编辑。

　　4、Brackets内建取色器，提供RGBa、HEX、HSLa的颜色编码形式。把光标放在一个颜色编码上，按下Ctrl/Cmd + E（“编辑”），退出取色器窗口需要使用Esc键。

　　

　　三、即时预览

　　Brackets提供网页即时预览功能。使用该功能时，Brackets调用Chrome浏览器打开当前页面，此后修改html、css、javascript并保存后，所修改的内容会即时响应到浏览器中的页面，无须手动刷新页面。这是Brackets最大的一个亮点，有两个显示器的coder有福了，可以分屏显示Brackets和chrome，即时修改即时预览，无需切换编辑器/浏览器和刷新页面。

　　目前即时预览功能的一些限制：

　　它仅适用于Chrome浏览器为目标浏览器，你必须安装Chrome。

　　它依赖于在Chrome浏览器中的远程调试功能，这是一个命令行标志启用。在Mac上，如果你已经在使用Chrome浏览器，这时启动“即时预览”，Brackets将询问你是否要重新启动Chrome浏览器启用远程调试功能。

　　只能同时对一个HTML文件进行预览 - 如果切换另一个HTML文件，Brackets将关闭原来的预览。

　　四、部分快捷键

　　Ctrl/Cmd+Shift+H 可以呼出与关闭文件树

　　Ctrl/Cmd + E 快速预览/编辑 css样式/javascript函数

　　Ctrl/Cmd + +/- 放大缩小编辑区字体大小

　　Ctrl/Cmd + 0 重置编辑区字体大小

　　Ctrl/Cmd + Alt + P 打开即时预览功能

　　Ctrl/Cmd + / 行注释

　　Ctrl/Cmd + Alt + / 块注释

　　注：css代码、html代码注释时只能使用块注释快捷键

　　以上就是小编为大家介绍的Adobe Brackets使用方法。更多相关教程敬请关注系统之家。

相关推荐
最新软件
HermesAgent本地部署工具

HermesAgent本地部署工...

 MathEdit公式编辑器

MathEdit公式编辑器

 SeekFast 本地文档内容搜索工具软件

SeekFast 本地文档内容...

 SeekFast Mac(文本搜索工具)

SeekFast Mac(文本搜索...

 VibeKnow

VibeKnow

 讯飞绘文

讯飞绘文

 码上飞 ai

码上飞 ai

 Atoms ai

Atoms ai
最新教程
2.8182
关
大
基本信息
SQL
$_GET
$_POST
$_COOKIE
包含文件
自动加载
  1. 模型: /www/wwwroot/www.pjwan.com/lecms/model/
  2. 视图: /www/wwwroot/www.pjwan.com/view/m/xt_show.htm
  3. 控制器: /www/wwwroot/www.pjwan.com/lecms/control/show_control.class.php
  4. 日志目录: /www/wwwroot/www.pjwan.com/log/
  5. 当前页面: /www/wwwroot/www.pjwan.com/index.php
  6. 当前时间: 2026-08-20 03:34:54
  7. 当前网协: 216.73.216.186
  8. 请求路径: /anzhuang/67537.html
  9. 运行时间: 2.8182
  10. 内存开销: 1.09 MB
  1. #0 [time:0.0002s] SELECT * FROM le_runtime WHERE k='cfg' LIMIT 1
  2. #1 [time:0.0002s] SELECT * FROM le_runtime WHERE k='website_group_m_pjwan_com' LIMIT 1
  3. #2 [time:0.0004s] SELECT id FROM le_website_group WHERE webdomain='m.pjwan.com' AND is_active=1 ORDER BY id ASC LIMIT 0,1
  4. #3 [time:0.0002s] SELECT id FROM le_website_group WHERE webdomain='m.pjwan.com' AND is_active=1 ORDER BY id ASC LIMIT 0,1
  5. #4 [time:0.0002s] SELECT id FROM le_website_group WHERE webdomain='m.pjwan.com' AND is_active=1 ORDER BY id ASC LIMIT 0,1
  6. #5 [time:0.0003s] SELECT * FROM le_runtime WHERE k='cate_68' LIMIT 1
  7. #6 [time:0.0002s] SELECT id FROM le_website_group WHERE webdomain='m.pjwan.com' AND is_active=1 ORDER BY id ASC LIMIT 0,1
  8. #7 [time:0.0003s] SELECT * FROM le_cms_article WHERE id=67537 LIMIT 1
  9. #8 [time:0.0002s] SELECT id FROM le_website_group WHERE webdomain='m.pjwan.com' AND is_active=1 ORDER BY id ASC LIMIT 0,1
  10. #9 [time:0.0005s] SELECT id FROM le_website_group WHERE webdomain='m.pjwan.com' AND is_active=1 ORDER BY id ASC LIMIT 0,1
  11. #10 [time:0.0003s] SELECT * FROM le_user WHERE uid=2 LIMIT 1
  12. #11 [time:0.0002s] SELECT * FROM le_cms_article_data WHERE id=67537 LIMIT 1
  13. #12 [time:0.0003s] SELECT * FROM le_cms_article_views WHERE id=67537 LIMIT 1
  14. #13 [time:0.0004s] UPDATE LOW_PRIORITY le_cms_article_views SET views=views+1 WHERE id=67537 LIMIT 1
  15. #14 [time:0.0002s] SELECT * FROM le_kv WHERE k='navigate' LIMIT 1
  16. #15 [time:0.0002s] SELECT * FROM le_kv WHERE k='le_sharejs' LIMIT 1
  17. #16 [time:0.0002s] SELECT tagid,id FROM le_cms_article_tag_data WHERE tagid=3412 ORDER BY id DESC LIMIT 0,6
  18. #17 [time:0.0003s] SELECT * FROM le_cms_article_tag_data WHERE tagid=3412 AND id=93822 OR tagid=3412 AND id=73282 OR tagid=3412 AND id=73266 OR tagid=3412 AND id=72992 OR tagid=3412 AND id=72803 OR tagid=3412 AND id=71004
  19. #18 [time:0.0003s] SELECT * FROM le_cms_article WHERE id=93822 OR id=73282 OR id=73266 OR id=72992 OR id=72803
  20. #19 [time:0.0002s] SELECT * FROM le_runtime WHERE k='cate_1' LIMIT 1
  21. #20 [time:0.0002s] SELECT id FROM le_website_group WHERE webdomain='m.pjwan.com' AND is_active=1 ORDER BY id ASC LIMIT 0,1
  22. #21 [time:0.0005s] SELECT id FROM le_cms_pcsoft WHERE (cid=3 OR cid=4 OR cid=5 OR cid=6 OR cid=7 OR cid=8 OR cid=9 OR cid=10 OR cid=11 OR cid=12 OR cid=13) ORDER BY id DESC LIMIT 0,8
  23. #22 [time:0.0005s] SELECT * FROM le_cms_pcsoft WHERE id=681 OR id=680 OR id=679 OR id=678 OR id=677 OR id=676 OR id=675 OR id=674
  24. #23 [time:0.0002s] SELECT * FROM le_user WHERE uid=1 LIMIT 1
  25. #24 [time:0.0002s] SELECT id FROM le_cms_article WHERE cid=68 ORDER BY id DESC LIMIT 0,5
  26. #25 [time:0.0004s] SELECT * FROM le_cms_article WHERE id=79666 OR id=79665 OR id=79664 OR id=79663 OR id=79662
  1. #control => show
  2. #action => index
  3. #cid => 68
  4. #id => 67537
  5. #mid => 2
    1. #acw_tc => 0819529617871680838301355e96445ec240ad1decca5ac974909e354d
    2. #PHPSESSID => 48q5tek706e7iie3i6c180pqgf
    3. #cdn_sec_tc => 0819529617871680838301355e96445ec240ad1decca5ac974909e354d
    1. #0 /www/wwwroot/www.pjwan.com/index.php
    2. #1 /www/wwwroot/www.pjwan.com/lecms/xiunophp/xiunophp.php
    3. #2 /www/wwwroot/www.pjwan.com/lecms/config/config.inc.php
    4. #3 /www/wwwroot/www.pjwan.com/lecms/xiunophp/lib/base.func.php
    5. #4 /www/wwwroot/www.pjwan.com/lecms/xiunophp/lib/core.class.php
    6. #5 /www/wwwroot/www.pjwan.com/lecms/xiunophp/lib/debug.class.php
    7. #6 /www/wwwroot/www.pjwan.com/lecms/xiunophp/lib/log.class.php
    8. #7 /www/wwwroot/www.pjwan.com/lecms/xiunophp/lib/model.class.php
    9. #8 /www/wwwroot/www.pjwan.com/lecms/xiunophp/lib/view.class.php
    10. #9 /www/wwwroot/www.pjwan.com/lecms/xiunophp/lib/control.class.php
    11. #10 /www/wwwroot/www.pjwan.com/lecms/xiunophp/db/db.interface.php
    12. #11 /www/wwwroot/www.pjwan.com/lecms/xiunophp/db/db_pdo_mysql.class.php
    13. #12 /www/wwwroot/www.pjwan.com/lecms/xiunophp/cache/cache.interface.php
    14. #13 /www/wwwroot/www.pjwan.com/lecms/xiunophp/cache/cache_memcache.class.php
    15. #14 /www/wwwroot/www.pjwan.com/lecms/xiunophp/ext/network/Network__interface.php
    16. #15 /www/wwwroot/www.pjwan.com/lecms/config/plugin.inc.php
    17. #16 /www/wwwroot/www.pjwan.com/lecms/plugin/editor_sd/conf.php
    18. #17 /www/wwwroot/www.pjwan.com/lecms/plugin/editor_tinymce/conf.php
    19. #18 /www/wwwroot/www.pjwan.com/lecms/plugin/editor_um/conf.php
    20. #19 /www/wwwroot/www.pjwan.com/lecms/plugin/le_adminer/conf.php
    21. #20 /www/wwwroot/www.pjwan.com/lecms/plugin/le_baidu_zz/conf.php
    22. #21 /www/wwwroot/www.pjwan.com/lecms/plugin/le_category_filter/conf.php
    23. #22 /www/wwwroot/www.pjwan.com/lecms/plugin/le_content_tag_url/conf.php
    24. #23 /www/wwwroot/www.pjwan.com/lecms/plugin/le_data_table_split/conf.php
    25. #24 /www/wwwroot/www.pjwan.com/lecms/plugin/le_drafts/conf.php
    26. #25 /www/wwwroot/www.pjwan.com/lecms/plugin/le_feedback/conf.php
    27. #26 /www/wwwroot/www.pjwan.com/lecms/plugin/le_homepage_feign/conf.php
    28. #27 /www/wwwroot/www.pjwan.com/lecms/plugin/le_html_cache/conf.php
    29. #28 /www/wwwroot/www.pjwan.com/lecms/plugin/le_links/conf.php
    30. #29 /www/wwwroot/www.pjwan.com/lecms/plugin/le_minganci_do/conf.php
    31. #30 /www/wwwroot/www.pjwan.com/lecms/plugin/le_rand404content/conf.php
    32. #31 /www/wwwroot/www.pjwan.com/lecms/plugin/le_rand_author/conf.php
    33. #32 /www/wwwroot/www.pjwan.com/lecms/plugin/le_rand_pic_cid/conf.php
    34. #33 /www/wwwroot/www.pjwan.com/lecms/plugin/le_sharejs/conf.php
    35. #34 /www/wwwroot/www.pjwan.com/lecms/plugin/le_slide/conf.php
    36. #35 /www/wwwroot/www.pjwan.com/lecms/plugin/le_special_pro/conf.php
    37. #36 /www/wwwroot/www.pjwan.com/lecms/plugin/le_spider/conf.php
    38. #37 /www/wwwroot/www.pjwan.com/lecms/plugin/le_super_sitemap/conf.php
    39. #38 /www/wwwroot/www.pjwan.com/lecms/plugin/le_title_pic/conf.php
    40. #39 /www/wwwroot/www.pjwan.com/lecms/plugin/le_use_del_id/conf.php
    41. #40 /www/wwwroot/www.pjwan.com/lecms/plugin/le_webp_oss/conf.php
    42. #41 /www/wwwroot/www.pjwan.com/lecms/plugin/le_website_group/conf.php
    43. #42 /www/wwwroot/www.pjwan.com/lecms/plugin/le_zhanqunsitemaps_pro_v303/conf.php
    44. #43 /www/wwwroot/www.pjwan.com/lecms/plugin/lu_huochetou/conf.php
    45. #44 /www/wwwroot/www.pjwan.com/lecms/plugin/models_filed/conf.php
    46. #45 /www/wwwroot/www.pjwan.com/lecms/plugin/qrcode/conf.php
    47. #46 /www/wwwroot/www.pjwan.com/lecms/plugin/sy_mobile/conf.php
    48. #47 /www/wwwroot/www.pjwan.com/runcache/misc.func.php
    49. #48 /www/wwwroot/www.pjwan.com/runcache/core_lang/zh-cn.php
    50. #49 /www/wwwroot/www.pjwan.com/runcache/lang/zh-cn.php
    51. #50 /www/wwwroot/www.pjwan.com/runcache/lecms_control/parseurl_control.class.php
    52. #51 /www/wwwroot/www.pjwan.com/runcache/lecms_model/runtime_model.class.php
    53. #52 /www/wwwroot/www.pjwan.com/runcache/lecms_model/website_group_model.class.php
    54. #53 /www/wwwroot/www.pjwan.com/runcache/lecms_control/show_control.class.php
    55. #54 /www/wwwroot/www.pjwan.com/runcache/lecms_control/base_control.class.php
    56. #55 /www/wwwroot/www.pjwan.com/runcache/lecms_model/urls_model.class.php
    57. #56 /www/wwwroot/www.pjwan.com/runcache/lecms_model/category_model.class.php
    58. #57 /www/wwwroot/www.pjwan.com/runcache/lecms_model/cms_content_model.class.php
    59. #58 /www/wwwroot/www.pjwan.com/runcache/lecms_view/m,xt_show.htm.php
    60. #59 /www/wwwroot/www.pjwan.com/runcache/lecms_model/cms_content_data_model.class.php
    61. #60 /www/wwwroot/www.pjwan.com/runcache/lecms_model/cms_content_tag_model.class.php
    62. #61 /www/wwwroot/www.pjwan.com/runcache/lecms_model/user_model.class.php
    63. #62 /www/wwwroot/www.pjwan.com/runcache/lecms_model/cms_content_views_model.class.php
    64. #63 /www/wwwroot/www.pjwan.com/runcache/lecms_model/kv_model.class.php
    65. #64 /www/wwwroot/www.pjwan.com/runcache/lecms_model/cms_content_tag_data_model.class.php
    66. #65 /www/wwwroot/www.pjwan.com/lecms/xiunophp/ext/utf8.class.php
    67. #66 /www/wwwroot/www.pjwan.com/lecms/xiunophp/tpl/sys_trace.php
    1. #0 utf8 类