vscode中stylus、js格式化问题

3,448 阅读1分钟

1.stylus分号、大括号

最近用vscode写stylus的时候,发现格式化后, 在规则结尾默认增加了分号、大括号、结尾空行,看起来很不爽。

更改前,格式化:


解决方法:

vscode -> 设置 -> 首选项 -> 用户设置中增加以下规则:

"stylusSupremacy.insertColons": false, // 是否插入冒号(默认是true"stylusSupremacy.insertSemicolons": false, // 是否插入分号
"stylusSupremacy.insertBraces": false, // 是否插入大括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行

更改完成,格式化:


如果觉得规则之间没有冒号不习惯,把

"stylusSupremacy.insertColons": false, // 是否插入冒号(默认是true)

删除即可。

2.js单双引号

vscode中的vetur插件使用的格式化规则为prettier, 下载插件Prettier - Code formatter,然后配置规则:

vscode -> 设置 -> 首选项 -> 用户设置中增加以下规则:

"prettier.semi": false,
"prettier.singleQuote": true

然后格式化, OK!