如何让Emmet在Dreamweaver上运行

Question

Emmet现在支持Dreamweaver并且热衷于使用它，但它对我不起作用，即使我认为我已按照此处的说明https://github.com/emmetio/dreamweaver

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

我不确定的一件事是扩展文件夹的绝对路径，我想把它放在命令＆gt;中。 Emmet＆gt; Emmet偏好。我把它放在C：\ Program Files \ Adob​​e \ Adob​​e Extension Manager CS6

中

非常感谢任何帮助。

由于

Answer 1

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

首先，在DW中， Ctrl + E 快捷方式用于“标签选择”窗口。接下来的事情是 Tab 不像其它IDE一样开箱即用。

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

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

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

最后但并非最不重要......我也尝试为 Tab 执行ASCII代码，这实际上是	，但似乎没有用。

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

Answer 2

为Emmet

创建新的键盘快捷键设置

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

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

现在， Ctrl + E 键盘快捷键被释放，可用于Emmet的扩展缩写命令。

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

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

或者，您可以在文本编辑器中键入一个键或组合键（例如，字面上键入Tab或Ctrl+E），复制它，然后将其粘贴到按键 Ctrl + V 进行粘贴，则会将Ctrl+V记录为快捷方式。

Answer 3

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

请转到edit-＆gt;键盘快捷键，command = menu命令，然后转到insert-＆gt;标签 你应该删除这个快捷方式（点击减号）。

现在，如果按“ctrl + E”emmet为你工作，html标签将自动竞争。

Answer 4

我正在使用Mac而且在我的生活中无法在任何地方找到Emmet文件夹或扩展文件夹。

所以我创造了自己的，绝对与他们联系没有成功。

编辑：

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

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

此文件的内容为：

{
    "css.valueSeparator": ":"
}

Answer 5

要获得Emmet“扩展缩写”命令以在Dreamweaver中使用Tab，就像在其他IDE中一样：

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

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

Answer 6

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

我输入的路径是：

C：\ Users \您的用户名\ AppData \漫游\ Adob​​e \ Dreamweaver CS6 \ en_US \ Configuration \ Commands \ Emmet

在上面的示例中，您必须填写（您的用户名）

一旦完成，我不得不将emmet扩展缩写的快捷方式从ctrl + E更改为ctrl + Q

一旦完成，emmet / Dreamweaver的工作类似于emmet / Sublime文本2.我仍然更喜欢使用tab键扩展Sublime中的缩写，但是找不到在Dreamweaver中设置它的方法。