如何让 Emmet 在 Dreamweaver 上工作

Question

Emmet 现在支持 Dreamweaver 并热衷于使用它，但它不适合我，尽管我认为我已按照此处的说明进行操作 https://github.com/emmetio/dreamweaver

我已经使用 Adob​​e Extension Manager 下载并安装了扩展。

一个不确定的事情是extensions文件夹的绝对路径，假设放在Commands > Emmet > Emmet Preferences中。我把它放在 C:\Program Files\Adobe\Adobe Extension Manager CS6

非常感谢任何帮助。

谢谢

Answer 1

它适用于我，但使用“ctrl+E”快捷键。

请转到编辑->键盘快捷键，命令=菜单命令，然后转到插入->标签 你应该消除这个快捷方式（点击减号）。

现在如果你按下 'ctrl+E' emmet 会为你工作，html 标签会自动完成。

Answer 2

我确实在 Windows7 的 Dreamweaver CS6 上安装了 emmet。

我输入的路径是：

C:\Users\您的用户名\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration\Commands\Emmet

在上面的例子中你必须填写（你的用户名）

完成后，我必须将 emmet 扩展缩写的快捷方式从 ctrl+E 更改为 ctrl+Q

完成后，emmet/Dreamweaver 的工作方式类似于 emmet/Sublime text 2。我仍然更喜欢使用 Tab 键在 Sublime 中展开缩写，但找不到在 Dreamweaver 中进行设置的方法。

Answer 3

让它与 Tab 一起工作。我在代码视图中使用 DW CS6 进行编程，很高兴知道它可用于 DW。不幸的是，正如@Andy 所说，它并不是开箱即用的。

首先，在 DW 中，Ctrl+E 快捷键用于“标签选择”窗口。接下来是 Tab 不像其他 IDE 那样开箱即用。

经过一些实验，专注于使 Tab 键用于扩展缩写，我这样做了：

我在某处写了单词 Tab 并将其复制到剪贴板，转到 Edit > Keyboard Shortcuts > Commands > Emmet > Expand Abbreviation 首选项，然后右键单击底部的“Press key:”字段并粘贴该单词在那里的标签，然后我点击Change，然后点击OK，现在我的 Tab 工作到Expand Abbreviation。

很多人可能会觉得现在 Tab 键不再真正使用 Tab 键是一个很大的缺点，但我认为这对我来说没问题，因为我喜欢使用 Double Space 缩进和我不使用 Tab，因为不同的 IDE 读取它时或多或少的空格，所以当从 IDE 保存到 IDE 时，代码有时会有点歪。

最后但并非最不重要...我还尝试为 Tab 编写 ASCII 码，实际上是 	，但这似乎不起作用。

希望这个答案对任何想要使用 Tab 并且不介意它只适用于Expand Abbreviation 的人也有帮助。

Answer 4

我使用的是 Mac，我终生无法在任何地方找到 Emmet 文件夹或扩展文件夹。

所以我创建了自己的并与它们完全链接，但没有成功。

编辑：

明白了：在 Mac 上的 Dreamweaver 中，您可以指定要创建的任何文件夹并存储您自己的自定义 preferences.json 文件。

例如就我而言，我创建了一个名为“extensions”的文件夹并将其放置在以下位置：/Applications/Adobe Dreamweaver CS5/Configuration/extensions 使用此文件夹，我创建了自己的 preferences.json，并通过菜单在 Dreamweaver 中链接到该文件夹​​：Commands > Emmet > Emmet Preferences。 Emmet 自动使用这些文件来覆盖默认值。

这个文件的内容是：

{
    "css.valueSeparator": ":"
}

Answer 5

为 Emmet 创建一个新的键盘快捷键集

默认情况下，Ctrl+E 快捷键是为 Dreamweaver 的标签选择器设置的，它取代了 Emmet 的 Ctrl+E 快捷方式。我们将通过删除标签选择器的键盘快捷键来解决此问题。

1. 转到Edit > Keyboard Shortcuts…
2. 在当前集下，选择Dreamweaver Standard（如果您没有更改则默认选中）或其他首选集。
3. 点击右侧的复制集按钮。 （您不能简单地编辑默认集）。
4. 重命名集。 （例如“Emmet 的织梦者”）
5. 在命令窗口中，转到Insert > Tag…
6. 通过单击 - 按钮从 快捷方式 窗口中删除 Ctrl+E。
7. 点击确定。

现在 Ctrl+E 键盘快捷键已被释放，可用于 Emmet 的 Expand Abbreviation 命令。

如果需要，您还可以更改扩展缩写的快捷方式：

在键盘快捷键编辑窗口中，选中您新创建的集合，导航至Commands > Emmet > Expand Abbreviation。按您要使用的组合键。

或者，您可以在文本编辑器中键入一个键或组合键（例如，按字面意思键入 Tab 或 Ctrl+E），复制它，然后将其粘贴到 Press key 文本字段中通过右键单击并选择粘贴。如果您尝试使用 Ctrl+V 进行粘贴，它会将Ctrl+V 记录为快捷方式。

Answer 6

要让 Emmet 的“扩展缩写”命令与 Dreamweaver 中的 Tab 一起使用，就像在其他 IDE 中一样：

1. 在您可以将文本复制到剪贴板的任何地方写下“Tab”一词（不带引号）
2. 复制文字
3. 转到编辑 > 键盘快捷键
4. 如果您没有个人预设，请按预设名称旁边的复制按钮并输入预设名称
5. 在“命令”下拉框中，选择“文档编辑”
6. 将命令框滚动到底部并选择“展开缩写”
7. 右键单击“Press key”字段并选择“Paste”以粘贴您复制的单词“Tab”（注意：不要在此字段上按任何键，否则您可能会弄乱您的快捷方式 - 如果您这样做了，只需点击取消并从第 3 步重新开始）
8. 点击“更改”按钮
9. 点击“确定”按钮
10. 要开心;)

Ps.：此配置允许使用 Tab 键缩进和扩展缩写。