VSCode中使用vetur插件格式化vue文件时，stylus代码会自动加上大括号、冒号和分号

Question

最近在使用VSCode+Vuejs开发前端的内容，经网友推荐安装了vetur这个插件，感觉还是挺好用的

页面样式我是用stylus写的，比较喜欢那种没有大括号、冒号和分号的写法

但是在使用vetur格式化的时候会stylus代码默认格式化成带大括号冒号和分号的写法，而且大括号嵌套好多层 修改起来十分不便，也不习惯这种风格

在vetur的配置项中也没找到能更改格式化样式的地方

搜了一圈也没找到想要的答案

请问怎么才能让它在格式化的时候不会把stylus这部分的样式风格改掉？

附上格式化时的动态图

Answer 1

你可以在settings.json 设置

// 以下为stylus配置
"stylusSupremacy.insertColons": false, // 是否插入冒号
"stylusSupremacy.insertSemicolons": false, // 是否插入分好
"stylusSupremacy.insertBraces": false, // 是否插入大括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行

这是我的配置

Answer 2

这个插件 v-for 下面还有红色波浪线，怎么解决？

Answer 3

我也遇到这个情况,感觉很不舒服,求解

Answer 4

：后面的代码高亮怎么设置的啊 我写出来的都是白的

Answer 5

为嘛我没有格式化的？右键格式化怎么出来的？