如何在Dreamweaver中启用Emmet功能

Question

Emmet现在支持Dreamweaver，我很想使用它，但是它对我不起作用，即使我认为我已经按照这里的说明进行了操作https://github.com/emmetio/dreamweaver

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

有一件事我不确定的是扩展文件夹的绝对路径，我应该将其放在Commands > Emmet > Emmet Preferences中。我已经将其放在C:\Program Files\Adobe\Adobe Extension Manager CS6中

非常感谢任何帮助。

谢谢

- Andy

---

最好的提问地点是项目的问题页面：https://github.com/emmetio/dreamweaver/issues您应该详细描述您的问题：您没有看到Emmet菜单项吗？还是操作对您无效？ - Sergey Chikuyonok

请查看我的答案，了解如何使其像其他IDE一样工作。 - Ricardo Souza

更正我的早期评论：我找到了一种方法，在Dreamweaver中使其工作，就像在其他IDE中一样，可以使用“TAB”键扩展。 - Ricardo Souza

Answer 1

使用Tab键成功。我使用DW CS6的代码视图进行编程，很高兴知道它可用于DW。不幸的是，正如@Andy所说，它不能直接使用。

首先，在DW中，Ctrl+E快捷键用于“标记选择”窗口。下一件事是，Tab不能像其他IDE那样直接使用。

经过一些试验，专注于使Tab键用于展开缩写，我做了这个：

我将单词Tab写在某个地方，并将其复制到剪贴板中，然后进入编辑>键盘快捷键>命令>Emmet>展开缩写选项卡，右键单击下面的“按键:”字段并将单词Tab粘贴到其中，然后点击更改，然后再点击确定，现在我的Tab可用于展开缩写。

许多人可能会认为这是一个大的缺点，现在Tab键实际上不再起到缩进作用了，但我认为这对我来说没问题，因为我喜欢使用双空格缩进，而且我不使用Tab键，因为不同的IDE会将其读取为更多或更少的空格，因此当从IDE保存到IDE时代码有时会变得有点歪斜。

最后但并非最不重要的是...我还尝试了Tab的ASCII代码，实际上是	，但似乎没有起作用。

希望这个答案对希望使用Tab键并且不介意它只能用于展开缩写的任何人也有所帮助。

- sulfureous

---

非常感谢您的贡献。关于如何通过制表键使其正常工作的非常有用的提示，我现在正在使用它。 - Andy

Answer 2

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

默认情况下，Dreamweaver 的标签选择器设置了 Ctrl+E 快捷键，这将覆盖 Emmet 的 Ctrl+E 快捷键。我们需要通过删除标签选择器的键盘快捷键来解决此问题。

1. 进入菜单 编辑 > 键盘快捷键…
2. 在 当前集 中，选择 Dreamweaver 标准（如果您没有更改，默认情况下已选中）或其他首选集。
3. 点击右侧的 复制集 按钮（您无法直接编辑默认集）。
4. 重命名集合。（例如“Dreamweaver for Emmet”）
5. 在 命令 窗口中，转到 插入 > 标签…
6. 通过点击 - 按钮从 快捷键 窗口中删除 Ctrl+E。
7. 点击 确定。

现在，已释放 Ctrl+E 键盘快捷键以使用 Emmet 的 展开缩写 命令。

如果需要，您还可以更改 展开缩写 的快捷键：

在键盘快捷键编辑窗口中，选择您新创建的集合，然后导航到 命令 > Emmet > 展开缩写。按下您想使用的键组合。

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

- gfullam

---

很好的解释。对我来说，使用F11键来扩展Emmet缩写在打字方面更容易。这样我就可以继续打字而不会破坏我的工作流程。 - AKKAweb

Answer 3

对我来说，这个方法很有效，但需要使用“ctrl+E”快捷键。

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

现在，如果你按下“ctrl+E”，Emmet就会为你工作，并自动完成HTML标记。

- armani

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": ":"
}

- Timidfriendly

---

感谢分享您的解决方案。我很快就要切换到 Mac 了，所以我需要知道这个。 - Andy

Answer 5

要在Dreamweaver中像其他IDE一样使用Emmet的“扩展缩写”命令，请按以下步骤操作：

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

附注：此配置允许使用Tab键进行缩进和扩展缩写。

- Ricardo Souza

Answer 6

我在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类似。 我仍然喜欢在Sublime中使用Tab键来扩展缩写，但无法找到在Dreamweaver中设置它的方法。

- don-f