PhpStorm CSS 代码完成不适用于 Twig 扩展模板答案

【问题标题】：PhpStorm CSS code completion does not work on Twig extended templatesPhpStorm CSS 代码完成不适用于 Twig 扩展模板
【发布时间】：2016-10-13 18:01:38
【问题描述】：

我正在使用 PhpStorm 2016.1。我有这些文件，情况描述如下：

@mycss
.style {color : red}

@base.html.twig
[...]
<link rel="stylesheet" href="/vendor/mycss.css" />
<!--HERE AUTOCOMPLETE OF style WORKS-->
{%block test%}{%endblock%}


@page.html.twig
{% extends "MyController::base.html.twig" %}
<!--HERE AUTOCOMPLETE OF style NOT WORKS-->
{%block test%}{%endblock%}

如何解决这个问题以便自动完成所有文件？

编辑

这不是 TWIG 问题。我不会在子模板中创建新样式。

我使用符号链接（例如 /main.css -> /vendor/css/main.css），这应该会导致问题（不知道为什么）。例如，如果我写 small- (foundation grid) + ctrl + space (要求代码完成)，IDE 似乎进入某种循环，CPU 进入 100% 并在抛出内存错误时继续“加载” ...

【问题讨论】：

标签： css autocomplete styles twig phpstorm

【解决方案1】：

这也发生在我身上。
当您有一个带有某种占位符的内部样式表的基本模板时，声明内部规则会禁用外部规则的自动完成。

base.html.twig

<link type="text/stylesheet" rel="stylesheet" href="bootstrap.css" />
{% block css %}
{% endblock %}

inner_view.html.twig

{% extends 'base.html.twig' %}

{% block css %}
    <style>
        .test {
            color: red;
        }
    </style>
{% endblock %}

这样做，引导类自动完成功能在inner_view.html.twig 中被禁用。

【讨论】：

这不是同一个问题，我不会在子模板中创建新样式。但是我使用符号链接，这应该会导致问题（不知道为什么）。例如，如果我写 small- + ctrl + space （要求代码完成），IDE 似乎进入某种循环，CPU 进入 100% 并在抛出内存错误时继续“加载”
我现在有这个问题，非常令人沮丧！我认为将 css 块放在底部可以解决此问题，但仍需要对此进行更多测试

【解决方案2】：

为我工作：

您在子模板中是否嵌入了 <style> 块？它们将阻止链接的 .css 文件中的类出现

【讨论】：

对我来说它不起作用，不，我在子模板中没有
我建议创建一个支持票，附上一个可用于重新创建它的示例项目