Chrome devtools 的源选项卡中的 Emmet?

Posted

技术标签:

【中文标题】Chrome devtools 的源选项卡中的 Emmet?【英文标题】:Emmet in Chrome devtools' sources tab? 【发布时间】:2014-02-22 03:00:08 【问题描述】:

是否可以在 Chrome 开发工具的源选项卡中获得 Emmet?我最近开始在 devtools 中使用workspaces,所以现在除了 CSS 和 JS 之外,我还可以在源选项卡中编辑 html 文件。 Emmet 会让这一切变得更好。

【问题讨论】:

【参考方案1】:

不是真的...不是没有一些工作。如果您只是流口水来完成这项工作,这里是 Google 扩展其 DevTools 的支持页面:

http://developer.chrome.com/extensions/devtools

你的 IDE 是什么? Emmet 附带 Notepad++、Dreamweaver 等的安装包...

【讨论】:

【参考方案2】:

我假设您指的是 Emmet Livestyle? Dev-tools Workspaces 的“资源映射”模仿 Livestyle 的双向功能。这是非此即彼的,你不需要两者。

【讨论】:

我认为他的意思是emmet.io 这是一个文本扩展器。我不知道如何让它在 devtools 中工作。我希望我做到了。

以上是关于Chrome devtools 的源选项卡中的 Emmet?的主要内容,如果未能解决你的问题,请参考以下文章

可以过滤 chrome devtools 网络选项卡中记录的请求吗?

如何在 Chrome DevTools 检查器的样式和计算选项卡中使用多个过滤器?

redux devtools 不在扩展 devtools 选项卡中显示状态

有没有办法在 Chrome DevTools 中调试 Apollo GraphQL 订阅?

如何可视化 chrome DevTool 协议消息的日志?

chrome调试之Workspaces