Webstorm代码完成不显示引导类

时间:2014-07-13 19:59:44

标签: twitter-bootstrap webstorm code-completion

我在webstorm IDE中需要更改哪些内容可以识别引导类:

<a class="btn btn-primary" />

目前我总是通过查看bootstrap css文件来重新检查类名。那不太好......

6 个答案:

答案 0 :(得分:21)

我有同样的问题,最后解决了!! 您需要本地下载Bootstrap库。

这有效:

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

但这不起作用:

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

干杯, JJ

答案 1 :(得分:3)

要快速修复,请下载bootstrap.min.css或您在本地使用的任何一个,然后将其引用为

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

解决了这个问题。

我认为WebStorm能够自动完成而不在本地引用它的另一种方法是将文件添加为外部库

答案 2 :(得分:1)

最后我得到了解决方案:

  • 右键单击样式文件夹
  • 将目录标记为测试源根目录

答案 3 :(得分:0)

如果您在PHP页面中使用样式标记,则会阻止加载CSS类代码完成。
将您的样式放入CSS文件,然后加载它并删除样式标记。

答案 4 :(得分:0)

我必须将我的样式目录(包含我的css)标记为模块设置中的“Resources”。我还必须将我的bower组件和节点模块目录标记为“Sources”。

答案 5 :(得分:-1)

确保已开启。在WebStorm中执行以下操作:

File | Settings | IDE Settings | Editor - Code Completion

或者:

File | Settings | Type in the search bar "code completion"

第二个选项会直接转到代码完成选项,如果在某些情况下您无法通过第一种方式找到它。

可以找到更多信息here