在我的 WebStorm 项目中为 JS 和 CSS 文件创建自动标记的快捷方式
Shortcut to create automatic tags for JS and CSS files in my project in WebStorm
WebStorm 包含许多不错的功能和快捷方式,但我无法找到将 JavaScript 或 CSS 文件添加到我的 HTML 页面的快速方法。
我有一个新项目,我创建了一个文件 index.html 和一个 script.js(或者它可以是我下载的库或 CSS 文件)。现在我想做一些事情,比如将 script.js 文件直接拖放到我的 index.html 中,然后自动看到生成的:
<script src="script.js"></script>
目前我正在使用 Emmet (script:src + <tab>
)。
我知道写的东西不多,但是开始一个新项目时,您可能想要包含一堆您下载的库,手动执行此操作有点烦人。我想要像我 select 我想包含的文件,我只是把它们放在我的 html 文件中。
所以我认为 WebStorm 会有一个聪明的方法来做到这一点。
也许这个功能已经存在,只是我找不到它。
目前不支持,也没有计划在未来的任何特定版本中使用。
无论如何:
观看这些票证 (star/vote/comment) 以获得进度通知。
我可能只建议创建一个自定义 Live Template 并使用它来可能加快此类插入。输入 s[TAB]
(其中 s
是此类实时模板的缩写)仍然比 Emmet 序列快。
WebStorm 包含许多不错的功能和快捷方式,但我无法找到将 JavaScript 或 CSS 文件添加到我的 HTML 页面的快速方法。
我有一个新项目,我创建了一个文件 index.html 和一个 script.js(或者它可以是我下载的库或 CSS 文件)。现在我想做一些事情,比如将 script.js 文件直接拖放到我的 index.html 中,然后自动看到生成的:
<script src="script.js"></script>
目前我正在使用 Emmet (script:src + <tab>
)。
我知道写的东西不多,但是开始一个新项目时,您可能想要包含一堆您下载的库,手动执行此操作有点烦人。我想要像我 select 我想包含的文件,我只是把它们放在我的 html 文件中。
所以我认为 WebStorm 会有一个聪明的方法来做到这一点。
也许这个功能已经存在,只是我找不到它。
目前不支持,也没有计划在未来的任何特定版本中使用。
无论如何:
观看这些票证 (star/vote/comment) 以获得进度通知。
我可能只建议创建一个自定义 Live Template 并使用它来可能加快此类插入。输入 s[TAB]
(其中 s
是此类实时模板的缩写)仍然比 Emmet 序列快。