vue开发格式化问题解决方案:修改vscode的veter插件设置即可
- C#
- 2022/1/21 11:20:00
- 人已阅读
简介vue开发的时候,在我们装完了veter插件后,习惯性 alt+shift+F,格式化代码,莫名其妙的将代码自动换行
格式起来无比头大,复制一下代码就可以了.
格式起来无比头大,复制一下代码就可以了.
设置里搜索“vetur.”即可
"vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "auto" }, "prettyhtml": { "printWidth": 100, "singleQuote": false, "wrapAttributes": false, "sortAttributes": false } }
当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc来进行文件配置
需要在项目的根目录建一个.prettierrc文件,并在文件里写上如下代码:
{ "semi": false, // 使用分号, 默认为true "singleQuote": true, // 使用单引号, 默认为false(在jsx中配置会无效, 默认为双引号) "bracketSpacing": true // 对象中的空格 默认为true }
下一篇:全国城市json数据保存数据库
文章评论
- 消灭零回复