解决vscode保存vue文件时 压缩stylus代码为一行以及无法注释template的问题
内容提要
文章解决VSCode编辑Vue文件的两个问题：一是stylus保存后被压缩成一行，原因是Vue3snippets插件自动格式化，关闭其format设置即可；二是template中Ctrl+/误用JS注释，改用vue-vscode-snippets插件并禁用Vue3snippets后解决，同时避免单独写styl文件再引入的麻烦。
延伸解读
问题根源：插件自动格式化
文章指出，Vue文件保存时stylus被压缩成一行，并非stylus本身的问题，而是Vue3snippets插件自动格式化所致。作者尝试重装stylus相关插件无效，最终通过关闭该插件的format设置解决。这提醒读者，遇到保存后代码被意外修改时，应优先排查具有格式化功能的插件，而非只关注语言相关的扩展。
注释问题的替代方案
在template中按Ctrl+/会生成JS注释，导致HTML注释失败。网上常见方案是将Vue文件关联改为HTML，但作者指出这样会失去对stylus的支持，仍需单独写styl文件再引入。作者改用vue-vscode-snippets插件并禁用Vue3snippets后，注释问题解决，同时避免了拆分样式文件的麻烦。
插件选择与工作流影响
作者因Vue3snippets的格式化问题，转而使用vue-vscode-snippets，并发现它同时解决了注释问题。这体现了插件选择对开发工作流的实际影响：一个插件的副作用可能迫使开发者采用更繁琐的替代方案（如单独写styl文件），而更换插件后可以恢复更简洁的单文件开发方式。
Q&A
VSCode保存Vue文件时stylus代码被压缩成一行怎么解决？
原因是Vue3snippets插件自动格式化。在VSCode设置中关闭该插件的format选项即可解决。
Vue文件里template按Ctrl+/注释变成JS注释怎么办？
安装vue-vscode-snippets插件，并禁用Vue3snippets插件，即可让Ctrl+/正确注释template。
为什么Vue3snippets插件会导致stylus被压缩和注释错误？
Vue3snippets插件会自动格式化代码，导致stylus被压缩成一行；同时它可能影响注释行为，使Ctrl+/使用JS注释语法。
除了Vue3snippets，还有什么VSCode插件可以替代？
可以使用vue-vscode-snippets插件替代，它解决了注释问题，同时不会导致stylus被压缩。
不想单独写styl文件再import，有什么办法？
关闭Vue3snippets的format设置或改用vue-vscode-snippets插件，即可在Vue文件内直接写stylus而不会被压缩，无需单独写styl文件。
把Vue文件关联改成HTML能解决注释问题吗？为什么不推荐？
改成HTML关联可以解决注释问题，但不支持stylus，仍需单独写styl文件再import，所以不推荐。
