Webstorm：引导程序自动完成模板

Question

我是否可以知道如何获取引导程序自动填充模板（允许您键入“navbar”，“container”，“row”等）？

例如，在此视频的10:40，作者在html页面上键入navbar，他获得了bootstrap intellisense。如何在Webstorm上设置它。

https://www.youtube.com/watch?v=1q2OCDeI-ew

Answer 1

作者必须使用实时模板（https://www.jetbrains.com/webstorm/webhelp/live-templates.html）。 WebStorm没有附带用于引导程序的捆绑实时模板。但您可以尝试创建自己的插件或使用存储库中提供的插件：https://plugins.jetbrains.com/plugin/7390?pr=phpStorm和https://plugins.jetbrains.com/plugin/7572?pr=phpStorm

Answer 2

如果您想获得自动填充一词，则需要将框架导入 IDE 。我遇到了同样的问题，经过几次尝试我设法导入 Bootstrap 。

我使用网络风暴，版本 2017年12月26日的WS-173.4127.31 。

要导入框架，您必须遵循以下路径：

File > Settings.. > Languages & Frameworks

从这里你决定如何组织自己。 例如，我执行了以下步骤来导入Bootstrap：

Languages & Frameworks > Template Data Languages

我在这里设置：

1. 项目语言： CSS
2. 点击 +
3. 我选择了 bootstrap.min.css
4. 点击确定

几秒钟后，我设法自动完成了这些词！

Menù page | WebStorm

Answer 3

示例视频不再可用，但也许您正在寻找emmet

Answer 4

如果有人想在 2021 年解决这个问题，请确保您已通过在 function demo() { var x = document.getElementById("from"); var y = document.getElementById("to"); x.addEventListener('input', function(evt) { console.log('x=' + evt.target.value); }); y.addEventListener('input', function(evt) { console.log('y=' + evt.target.value); }); } 标签上使用 lesson_name_paragraph = html.new_tag('h1') lesson_name_paragraph.string = lesson.text ..... subject_name_paragraph = html.new_tag('p') subject_name_paragraph.string = subject_name.text 下载了图书馆的本地副本。

见https://www.facebook.com/JetBrains/posts/webstorm-20193-tip-if-youre-using-bootstrap-or-another-css-library-linked-from-a/2677915872231650/