brackets php代码提示,Brackets - 适合前端的编辑器

Brackets是一款轻巧但功能强大的现代文本编辑器。Brackets 非常适合前端人员使用,该编辑器可以实时预览效果,让你一边编辑一边查看输出效果,非常直观。

Brackets是开源的,并且非常专注于前端,下面我们介绍下它的主要特性。

快速编辑

这个特性非常棒,再你编辑HTML的CSS样式时不用再单独打开一个页签编辑CSS,可以直接编辑,避免页签之间的来回切换,提高了编辑效率。

80a5530777a6093febff2aec1b0bd1df.png

你只需要将鼠标光标放在该ID上,按下Command/ Ctrl+E,括号将在内联窗口中显示具有该ID的所有CSS关联样式编码,因此您可以并排处理代码而不会出现任何弹出窗口。

实时预览

Brackets中内置了一个webserver,点击右上角闪电⚡符号,brackets会启动内置服务器,并启动chrome浏览器打开工作目录下被选中的文件。

65e1e6d121c2eafefde07b64da86d7dc.png

对CSS和HTML进行更改,将立即在屏幕上看到这些更改。还可以通过将光标放在浏览器上点中元素,在编辑器中对应元素即会自动定位选择显示出来。

PHP支持

Brackets中的内置LSP( 语言服务器协议)支持为许多开发人员开放了对PHP,Python等语言的支持。并启用诸如代码完成,诊断,跳转到定义等功能。

ab5699d21b3fc3c8586fdfa73e163450.png

在用Brackets编写PHP代码时,您可以利用代码提示,功能参数提示,跳转到定义,文档和项目范围的符号,查找引用和诊断。

8d9f9934651edde4bfc7e0af4f342099.png

Brackets常用快捷键

WindowsMAcOS描述

Ctrl-ECmd-E打开/关闭内联编辑器(快速编辑)

向上/向下向上/向下在嵌入式编辑器中的规则之间切换

Ctrl-KCmd-K打开快速文档

Ctrl-SpaceCtrl-Space调出代码提示(如果适用)

Ctrl-Shift-OCmd-Shift-O弹出快速打开提示

Ctrl-GCmd-L转到当前文件中的一行

Ctrl-TCmd-T转到当前文件中的方法/选择器(快速查找)

Ctrl-Shift-HCmd-Shift-H显示/隐藏侧栏

Ctrl-Alt-PCmd-Alt-P实时预览

写在最后

如果你是一位前端开发者,Brackets可能是除了sublime text3、vscode等编辑器外更适合您的了,Brackets的快速编辑、实时预览一定会给你留下深刻的影响。如果你正在寻找一款适合前端开发使用的编辑器,不妨尝试尝试一下Brackets。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值