Sublime Text 3 - SASS（scss）自动补全另一个文件中的变量

Question

I have two files:

variables.scss:

$my_var: #fff;

module.scss:

@import 'variables';

.body { background: $my_var;}

在使用it技术时，Visual Studio为我提供了很好的提示 - 当我在module.scss中输入$my时，我可以看到所有与$my匹配的已导入文件的变量。

但是Sublime Text 3只会自动补全来自module.scss的变量，而不是其他导入的文件。我已经安装了All Autocomplete插件，但它没有起作用...有什么想法吗？这对我来说是重要的功能...

- kzg

---

您IP地址为143.198.54.68，由于运营成本限制，当前对于免费用户的使用频率限制为每个IP每72小时10次对话，如需解除限制，请点击左下角设置图标按钮（手机用户先点击左上角菜单按钮）。 - kzg

Answer 1

这里有一个问题的答案：Sass support for sublime text 3

从那个链接中可以得知：

你可以安装Emmet（曾用名Zen Coding），它是一个非常强大的工具，可以处理css（和scss），例如：
我输入bi并按下tab，它会给我：background-image: url(|);（其中|是光标）。

如果你感兴趣，请看一下这个：

• Emmet for sublime，以及所有缩写（Emmet在HTML方面也非常好用——看看当你输入nav>ul>li时会发生什么……）

现在，如何让它与scss配合使用：

答案在这里

• 您需要安装sass-textmate-bundle软件包来使用scss，并按照我所写的做。
• 如果您需要sass而不是scss，请查看此答案，特别是来自Alexander Ekdahl的第二个回复

- Marko Bajlovic

---

我已经购买了Webstorm，这是一个很好的决定，但还是谢谢你的回答！ - kzg

这实际上并没有回答作者的问题。 - jsheffers

Answer 2

我使用AllAutocomplete插件使其工作。

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

Sublime text 3支持？

这个插件在ST3中不能直接使用。我必须对用户设置文件进行小修改才能让它工作。

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

将以下代码添加到您的Sublime用户设置文件中即可解决问题。这是该问题最初来源的Github问题页面。

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

- jsheffers

Answer 3

我遇到了相同的问题。 这是解决我的问题的方法：

1. 打开一个包含SASS（SCSS）文件的活动选项卡，然后转到偏好设置>设置-更多>语法特定-用户
2. 粘贴此代码："word_separators": "./\\()\"':,.;<>~!@#%^&*|+=[]{}`~?"
3. 保存并受益。

希望有所帮助。 如果您想获取更多信息，请参见github issue。

- mahish