Vue单文件组件(Stylus)样式属性提示优先级设置问题咨询

我刚好碰到过类似的情况，给你几个可行的解决方案：

1. 调整VS Code的提示选择优先级设置 #

VS Code默认会把你正在输入的文本前缀匹配项放在提示列表最顶部，这就是为什么你输入属性名时，首个提示总是自己输入的内容。你可以修改editor.suggestSelection设置来改变这个行为：

打开VS Code的设置（快捷键Ctrl+,/Cmd+,），搜索并修改以下配置：

"editor.suggestSelection": "first"

这个设置会让VS Code优先显示建议列表里的第一个系统预设选项（比如font-size会排在前面），而不是优先匹配你输入的前缀文本。

如果这个设置还不够，你可以同时关闭基于文件内已有单词的提示：

"editor.wordBasedSuggestions": false

这样就不会把你当前文件中已经出现过的属性名优先推到提示顶部了。

2. 用自定义代码片段强制置顶font-size #

既然你已经设置了"editor.snippetSuggestions": "top"，可以直接给font-size做一个自定义代码片段，让它永远排在提示最前面：

1. 打开VS Code的用户代码片段面板（快捷键Ctrl+Shift+P/Cmd+Shift+P，输入Configure User Snippets）
2. 选择stylus.json（如果没有就新建一个）
3. 添加以下代码：

{
  "快速插入font-size": {
    "prefix": "font",
    "body": "font-size: ${1:16px};",
    "description": "快速插入字体大小属性"
  }
}

现在只要你输入font，这个自定义片段就会出现在提示最顶部，完全符合你的需求。

3. 排查第三方扩展干扰 #

有时候某些Stylus相关的第三方扩展会修改提示的优先级逻辑，你可以暂时禁用所有非内置的Stylus扩展，然后重启VS Code测试一下，如果提示恢复正常，再逐个排查是哪个扩展导致的问题。

另外你当前配置的emmet相关设置对Stylus的属性提示影响不大，不用调整它们~

内容的提问来源于stack exchange，提问作者doman412