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

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

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

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

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

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

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

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

回答

你可以在settings.json 设置

// 以下为stylus配置

"stylusSupremacy.insertColons": false, // 是否插入冒号

"stylusSupremacy.insertSemicolons": false, // 是否插入分好

"stylusSupremacy.insertBraces": false, // 是否插入大括号

"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行

"stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行

这是我的配置

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

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

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

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

以上是 【JS】VSCode中使用vetur插件格式化vue文件时,stylus代码会自动加上大括号、冒号和分号 的全部内容, 来源链接: utcz.com/a/85068.html

回到顶部