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

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

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

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

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

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

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

附上格式化时的动态图
图片描述

阅读 14.3k
5 个回答

你可以在settings.json 设置

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

这是我的配置

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

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

新手上路,请多包涵

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

新手上路,请多包涵

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

推荐问题
logo
Microsoft
子站问答
访问
宣传栏