如何在 IntelliJ IDE 中添加引导程序自动代码完成功能？答案

【问题标题】：how can I add bootstrap auto code completion feature in IntelliJ IDE?如何在 IntelliJ IDE 中添加引导程序自动代码完成功能？
【发布时间】：2017-03-02 16:02:00
【问题描述】：

我在 IntelliJ IDEA 中添加了 Bootstrap3 插件，还在 html 页面中添加了 css 和 js 链接。但我无法获得引导类名称等的自动完成功能。我怎样才能做到这一点？

【问题讨论】：

链接是什么样的？通常添加带有项目本地 .css 文件路径的 <link> 标记就足以完成。你的 HTML 中有 <style> 标签吗？
没有。当我尝试编写 <div class="container"> 时，即使我的 html 页面中有引导 css CDN，它也没有为引导程序中的类名提供任何建议。
@lena 虽然我在本地 css 文件引用中添加了 <link> 标签，但我无法获得自动完成。
Idea 是否解析了<link> 标签中的.css 路径？ Ctrl+click 文件名 - 是否已打开？
是的@lena，当我这样做时，代码正在浏览器中打开..

标签： intellij-idea autocomplete bootstrapping

【解决方案1】：

我遇到了同样的问题，最后发现了这个：https://intellij-support.jetbrains.com/hc/en-us/community/posts/206324479-How-to-activate-autocomplete-with-Bootstrap

诀窍是您不能使用 cdn 交付的 css - 您必须在本地引用它。

这一行对我有用（html 文件位于 .../resources/templates/ 中，并且引导 .css 文件已下载到 .../resources/static）：

<link rel="stylesheet" href="../static/bootstrap.css">

我确实需要稍等片刻才能让 intellij 先对其进行索引。

希望有帮助:)

【讨论】：

在 2021 年仍然有效（谢谢！）——下载这些 CDN 交付文件的本地副本启用 IntelliJ IDEA 自动完成（一旦完成索引它们），即使没有引用本地文件。 FWIW，为了便于参考和自动补全，我选择了非缩小版本（下载到grails-app/assets/javascripts 或grails-app/assets/stylesheets，因为我使用的是 Grails 4）。引用仍在使用 CDN 链接，例如：<g:external uri="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"/>

【解决方案2】：

偏好 |语言和框架 | JavaScript |图书馆然后按 '+' -> 附加文件 -> bootstrap.min.css -> OK

【讨论】：