Sublime Text 3 - 来自另一个文件的 SASS (scss) 自动完成变量答案

【问题标题】：Sublime Text 3 - SASS (scss) autocomplete variables from another filesSublime Text 3 - 来自另一个文件的 SASS (scss) 自动完成变量
【发布时间】：2015-10-26 22:20:34
【问题描述】：

我有两个文件：

变量.scss：

$my_var: #fff;

模块.scss：

@import 'variables';

.body { background: $my_var;}

Visual Studio 为我提供了很好的提示 - 当我在 module.scss 中键入 $my 时，我会看到导入文件中与 $my 匹配的所有变量。简单的。

但 Sublime Text 3 仅自动完成来自 module.scss 的变量，而不是来自其他导入文件的变量。我已经安装了所有自动完成包，它不起作用......有什么想法吗？这对我来说很重要...

【问题讨论】：

我刚刚测试了 Atom，我发现 Atom 可以做到这一点，所以也许我应该使用 Atom 而不是 Sublime。无论如何，我仍在寻找答案！:)

标签： autocomplete sass sublimetext3

【解决方案1】：

这里回答了问题：Sass support for sublime text 3

从那个链接：你可以安装 Emmet（以前的 Zen Coding），它是一个非常强大的工具来做 css（和 scss），例如：
我输入bi，然后按tab，它给了我：background-image: url(|);（带有|你的光标）。

有兴趣的可以看看这个：

Emmet for sublime 和 all the abbreviation（Emmet 也非常擅长 HTML ——看看你输入时发生了什么，例如，nav>ul>li...）

现在，如何让它与 scss 一起工作：

答案是here

你必须为 scss 安装包 sass-textmate-bundle 并执行我写的操作。
如果您需要 sass 而不是 scss，请查看 this answer，尤其是 Alexander Ekdahl 的第二个回复

【讨论】：

我已经购买了 Webstorm，这是一个很棒的决定，但感谢您的回答！
这实际上并没有回答作者的问题。

【解决方案2】：

我遇到了同样的问题。这就是为我解决问题的原因：

有一个带有 SASS (SCSS) 文件的活动选项卡，然后转到 Preferences > Settings - More > Syntax Specific - User
粘贴此"word_separators": "./\\()\"':,.;<>~!@#%^&*|+=[]{}`~?"
省钱又赚钱。

希望对您有所帮助。如果您想了解更多信息，请查看github issue。

【讨论】：

【解决方案3】：

我使用AllAutocomplete plugin 得到了这个工作

使用这个插件的最大缺点是它读取变量的文件必须是打开的。不幸的是，我还没有找到更好的方法来实现这一点。

Sublime text 3 支持吗？

这个插件不适用于我在 ST3 开箱即用的情况下。我必须对用户设置文件进行一些小修改才能使其正常工作。

"word_separators": "./\\()\"':,.;<>~!@#%^&*|+=[]{}`~?",

将此添加到您的用户崇高设置文件应该可以解决问题。这是 github issue 的来源。

https://github.com/alienhard/SublimeAllAutocomplete/issues/18

【讨论】：