vscode怎么格式化js中的json数据?
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vscode怎么格式化js中的json数据?相关的知识，希望对你有一定的参考价值。
在做vue开发,格式化插件用的vetur.但是当我使用格式化快捷键的时候.就会格式成图二的样子.但是我想要图一箭头指的框框里那样的(那是我手动tab出来的).但不能每个文件我都tab吧,而且一旦文件格式化,又会打回原形.我想问问,怎么去修改格式化的具体规则.什么时候换行,什么时候tab.
2、文件 - 首选项 - 设置 - json配置
3、粘贴以下JSON配置，保存
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #每次保存的时候自动格式化
"editor.formatOnSave": true,
// #每次保存的时候将代码按eslint格式进行修复
"eslint.autoFixOnSave": true,
// 添加 vue 支持
"eslint.validate": [
"javascript",
"javascriptreact",
"language": "vue",
"autoFix": true
],
// #让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": true,
// #去掉代码结尾的分号
"prettier.semi": false,
// #使用带引号替代双引号
"prettier.singleQuote": true,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions":
"js-beautify-html":
"wrap_attributes": "aligned-multiple"
,
"prettyhtml":
"printWidth": 100,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": false
,
// 格式化stylus, 需安装Manta's Stylus Supremacy插件
"stylusSupremacy.insertColons": false, // 是否插入冒号
"stylusSupremacy.insertSemicolons": false, // 是否插入分好
"stylusSupremacy.insertBraces": false, // 是否插入大括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false,
"window.zoomLevel": 0,
"[javascript]":
"editor.defaultFormatter": "vscode.typescript-language-features"
追问
试了,不对啊,还不行.你确定可行么?
追答
这图和你发的不一样么,人眼看不太好看,我直接复制的你的文字.并且缺少的插件也都安装.还是不行.我希望格式化的时候,每个json对象能按照制表符排好版.方便查看.
参考技术A 你可以把你的JSON数据贴出来百度JSON在线格式化 然后拖进去格式化再贴回去就行了 有的无法格式化可能是按键冲突了
vscode 中的beautify 插件怎么用
1、在VSCODE中打开JSON文件，未格式化之前所JSON的数据全部都是贴在一起的，非常不容易阅读。
2、快捷键：CTRL+ALT+P打开搜索命令的窗口，在输入框内输入：extensions后找到【Install Extensions】选项后点击打开安装扩展程序窗口。
3、安装JSON美化插件在插件搜索框内搜索json并找到【Pretty JSON】插件，点击插件右下方的【Install】按钮进行安装。安装好后点击【Reload】按钮重新加载。
4、格式化JSON文件，在JSON文件内打开右键菜单会发现多了一个选项【Format Document】快捷键为【ALT+SHILF+F】。这时就可以格式美化JSON数据。
以上是关于vscode怎么格式化js中的json数据?的主要内容，如果未能解决你的问题，请参考以下文章