Sublime Text 3 - 来自其他文件的SASS(scss)自动完成变量

时间:2015-08-04 13:21:50

标签: autocomplete sass sublimetext3

我有两个文件:

variables.scss:

$my_var: #fff;

module.scss:

@import 'variables';

.body { background: $my_var;}

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

但Sublime Text 3仅自动填充module.scss中的变量,而不是其他导入文件中的变量。我已经安装了All Autocomplete软件包,它不起作用......有什么想法吗?这对我来说很重要......

3 个答案:

答案 0 :(得分:1)

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

从该链接: 你可以安装Emmet(以前的Zen Coding),它是一个非常强大的工具来做css(和scss),例如:
我输入bi并按tab,它会给我:background-image: url(|);(光标为|

如果您有兴趣,请看一下:

现在,如何使它适用于scss

答案是here

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

答案 1 :(得分:0)

我有同样的问题。这就解决了我的问题:

  1. 拥有包含SASS(SCSS)文件的活动标签,然后转到Preferences > Settings - More > Syntax Specific - User
  2. 粘贴此"word_separators": "./\\()\"':,.;<>~!@#%^&*|+=[]{}`~?"
  3. 节省并获利。
  4. 希望它有所帮助。如果您想获得更多信息,可以使用此github issue

答案 2 :(得分:0)

我使用AllAutocomplete plugin

进行了此操作

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

Sublime text 3支持?

此插件对我来说不适用于ST3的开箱即用。我不得不对用户设置文件进行一些小修改才能使其正常工作。

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

将此添加到您的用户sublime设置文件应该可以解决问题。这是github问题,这源于。

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