Vue SFC中<style lang='scss'>注释风格是否由vue.volar控制？

问题 #

• 未安装插件时，VS Code无法识别.vue文件，无法执行注释操作
• 安装Vue.volar插件后，<style lang='scss' scope>标签内按下Ctrl+/会生成//格式的单行注释
• 需要遵循CSS注释规范，让Ctrl+/生成/* */格式的注释

环境信息 #

• Version: 1.98.2 (system setup)
• Commit: ddc367ed5c8936efe395cffeec279b04ffd7db78
• Date: 2025-03-12T13:32:45.399Z
• Electron: 34.2.0
• ElectronBuildId: 11161602
• Chromium: 132.0.6834.196
• Node.js: 20.18.2
• V8: 13.2.152.36-electron.0
• OS: Windows_NT x64 10.0.26100

解决步骤 #

1. 打开VS Code设置界面（快捷键Ctrl+,）
2. 在搜索框输入editor.commentBlockConfiguration，点击编辑 in settings.json
3. 在settings.json中添加以下配置：

"editor.commentBlockConfiguration": {
  "scss": {
    "lineComment": {
      "open": "/* ",
      "close": " */"
    }
  }
}

4. 保存设置后，回到.vue文件的SCSS样式块中，按下Ctrl+/即可生成/* */格式的单行注释

该配置仅修改SCSS语言的单行注释快捷键输出，不会影响多行注释的原有行为。

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