Twitter bootstrap 在WebStorm中使用Angular 4启用引导Intellisense

我正在学习Angular 4，我正在使用引导CSS

我已经使用npm安装了引导库，并且在Angular项目中使用

src

文件夹下的

style.css

文件导入了引导

一切都很好，但WebStorm不建议我在编码时使用任何引导类，我不明白为什么。我必须安排点什么吗

---

如果我在

index.html

文件中链接Bootstrap，一切都会正常工作。

所以问题来了。如果使用CDN引用引导，则无法自动完成引导：

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

因此，您必须在本地下载引导文件，并在开发过程中引用它，以使其填充自动完成功能

因此，您可以下载它并将其放入项目中，然后在本地引用它，如下所示：

<link rel="stylesheet" href="./css/css/bootstrap-theme.min.css" >

---

完成开发后，将其切换回CDN链接。这是使其自动完成的唯一方法。：/

这似乎有点奇怪，但我通过将整个引导文件夹（zip）复制到index.html所在的目录中，实现了这一点。我对font awesome文件夹也做了同样的操作

为我找到工作！让我知道它是否有效

---

我刚刚被展示了一种新的方法。在webstorm中，右键单击文件夹并选择“标记为资源根目录”。这对我来说也很有效。

嗨，我知道这有点晚了，但我最近遇到了同样的问题，不得不去看我的一个老项目。这是因为webstorm正在查看您的package.json for devDependencis解决此问题而不移动任何文件的方法是在安装引导程序时执行

npm安装bootstrap@4.0.0-alpha——保存dev

，它会自动将它添加到package.json中，或者手动编辑它，使其看起来像这样

“依赖性”：{
“@angular/cli”：“1.0.1”，
“@angular/compiler cli”：“^4.0.0”，
“@types/jasmine”：“2.5.38”，
“@types/node”：“~6.0.60”，
“引导”：“^4.0.0-alpha.6”

---

我已经确认这已经解决了我的问题

你能再解释一下吗？问题是发生在任何html文件中，还是只发生在某些特定的文件中？还请确保

node\u模块/引导程序

没有标记为excludedBootstrap文件在

myproject/node\u模块/引导程序/dist~

中。我已经将引导程序css导入到m中y项目编辑

myproject/src/style.css

：

@import url（“~bootstrap/dist/css/bootstrap.css”）；

我已经使用npm在本地下载了bootstrap，所以实际上bootstrap sorce文件在

myproject/node\u modules/bootstrap/dist~

中（我没有使用CDN）.在

myproject/src/style.css

中，我使用

@import-url（“~bootstrap/dist/css/bootstrap.css”）导入了引导css

即使它们相对链接，它也不是自动完成的？我可以向您确认，使用上述设置，自动完成功能不起作用。我只是尝试将

bootstrap.css

复制到

index.html

的同一目录中，现在自动完成功能可以工作了！