Fatal编程技术网

Twitter bootstrap Webstorm代码完成不显示引导类

twitter-bootstrap webstorm

Twitter bootstrap Webstorm代码完成不显示引导类,twitter-bootstrap,webstorm,code-completion,Twitter Bootstrap,Webstorm,Code Completion,我必须在我的webstorm IDE中更改什么，以便在执行以下操作时识别引导类： <a class="btn btn-primary" /> 目前，我总是通过查看引导css文件来重新检查类名。这不太好…确保它已打开。在WebStorm中执行以下操作： File | Settings | IDE Settings | Editor - Code Completion 或： 如果在某些情况下，您无法通过第一种方法找到代码完成选项，那么第二种方法将直接带您到代码完成选项 可以找到更

我必须在我的webstorm IDE中更改什么，以便在执行以下操作时识别引导类：

<a class="btn btn-primary" />
目前，我总是通过查看引导css文件来重新检查类名。这不太好…

确保它已打开。在WebStorm中执行以下操作：

File | Settings | IDE Settings | Editor - Code Completion
或：

如果在某些情况下，您无法通过第一种方法找到代码完成选项，那么第二种方法将直接带您到代码完成选项

可以找到更多信息

对我来说，问题在于我引用css文件的方式

我的文件结构：

Project
   /App 
      -index.html
   /bower_components
       /bootstrap
          /dist 
             /css 
               -bootstrap.css
我这样引用它们：

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="bower_components/bootswatch/superhero/bootstrap.min.css" />
我将路径更改为相对路径，webstorm识别出了我的引导类

 <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css" />
 <link rel="stylesheet" href="../bower_components/bootswatch/superhero/bootstrap.min.css" />
我也遇到了同样的问题，最终解决了！！ 您需要在本地下载引导库。

这起到了作用：

    <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

要快速修复，请下载
bootstrap.min.css
或您在本地使用的任何文件，然后像这样引用它

<link href="stylesheets/bootstrap.min.css" rel="stylesheet">
解决了这个问题

我认为WebStorm能够自动完成而不在本地引用的另一种方法是将文件添加为外部库。最后，我得到了解决方案：

  • 右键单击样式文件夹
  • 将目录标记为测试源根目录
如果在
PHP
页面中使用样式标记，则会阻止加载
CSS
类代码完成。
将样式放入
CSS
文件，然后加载它并删除样式标记

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

当您键入类时，它应该会自动为您查找这些类。。。假设您没有复制/粘贴，您应该能够让webstorm快速查看可用类。@Pascal您解决了这个问题吗？我也无法使引导中的类自动完成。添加自动完成设置处于启用状态。。但是webstorm仍然不建议使用引导类。。但仅适用于普通html标记。。知道吗？你正确引用你的引导文件了吗？意思是？请你详细说明一下。。如何引用引导文件？这并不理想。如果你正在处理一个html片段（想想react of angular），IDE不会知道你正在尝试引用一个引导类，因为你没有明确地将它包含在你的片段中。我实际上认为Jenny的答案应该标记为正确，因为这是一个文件无法在本地访问的问题“修复”代码完成，但您破坏了grunt构建。grunt在
bower_components
文件夹（不是
。\bower_components
）中查找供应商css和js文件。我了解到WS 11与yeoman的集成更好，并且这个问题已经修复。不知道它在WS10中是否可以修复，however@Felix我是格伦特的新手……你能详细说明一下吗？”您破坏了grunt构建”。据我所知，grunt仍会在bower_components的根文件夹下找到它们，这只是对index的引用。它不依赖于我如何从我的index.html中引用它们来进行构建。@KrzysztofTrzos有一个关于此问题的功能请求： 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

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