在WebStorm中的项目中为JS和CSS文件创建自动标记的快捷方式

Question

WebStorm包含很多功能和缩略图，但我无法找到将JavaScript或CSS文件添加到HTML页面的快捷方法。

我有一个新项目，我创建了一个文件index.html和一个script.js（或者它可以是我下载的库或CSS文件）。现在我想做一些事情，比如直接在我的index.html中拖放script.js文件并自动查看生成的内容：

<script src="script.js"></script>

我正在用Emmet（script:src + <tab>）做这件事。

我知道写这个并不多，但是开始一个新项目可能你想要包含一堆你下载的库，并且手动执行它有点烦人。我希望像我选择要包含的文件一样，我只是将它们放在我的html文件中。

所以我认为WebStorm会有一个聪明的方法来做到这一点。

也许这个功能已经存在，而我却无法找到它。

Answer 1

目前尚未支持且尚未针对任何特定的未来版本进行规划。

无论如何：

• https://youtrack.jetbrains.com/issue/WEB-204
• https://youtrack.jetbrains.com/issue/WEB-393

观看这些门票（星级/投票/评论）以获得进展通知。

我可能只建议创建自定义Live Template并使用它来加速此类插入。键入s[TAB]（其中s是此类实时模板的缩写）仍然比Emmet序列更快。