beautify是一款增强插件,具有良好的拓展性,下载量非常高,目前8,894,564个安装次数。可以格式化JSON|JS|HTML|CSS|SCSS格式,比VSCode内置格式化好用很多。VSCode在内部使用js-Beauty,但是它缺乏修改您希望使用的样式的能力。这个Beautify扩展支持在VS代码中运行js-Beauty,并支持任何。在打开文件的路径树中加载代码样式。运行 F1美化(美化选择)或 F1美化文件。
不使用多根工作区时:
如果存在有效的。在文件的路径树中,直到项目根,这些将是唯一使用的设置。
如果一个选项是在用户或工作区设置中指定的文件路径或配置对象,如下所示: “ Beautify.config”: “ string | Object。“字符串,字符串 | 数字 | 布尔值 >”,这将是唯一使用的设置。文件路径将相对于工作区的根文件夹进行解释。
如果存在有效的。在文件的路径树中,在项目根目录的上面,这些将是唯一使用的设置。
如果您的主目录中有一个有效的. jsbeatitifyrc,那么这些将是唯一使用的设置。
使用多根工作区时: 与上面相同,但搜索结束于离打开文件最近的父工作区根目录。
.jsbeautifyrc设置地图
.jsbeautifyrc setting | VS Code setting |
---|---|
eol | files.eol |
tab_size | editor.tabSize |
indent_with_tabs (inverted) | editor.insertSpaces |
wrap_line_length | html.format.wrapLineLength |
wrap_attributes | html.format.wrapAttributes |
unformatted | html.format.unformatted |
indent_inner_html | html.format.indentInnerHtml |
preserve_newlines | html.format.preserveNewLines |
max_preserve_newlines | html.format.maxPreserveNewLines |
indent_handlebars | html.format.indentHandlebars |
end_with_newline | html.format.endWithNewline (html) |
end_with_newline | file.insertFinalNewLine (css, js) |
extra_liners | html.format.extraLiners |
space_after_anon_function | javascript.format .insertSpaceAfterFunctionKeywordForAnonymousFunctions |
space_in_paren | javascript.format .insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis |
下载地址:https://marketplace.visualstudio.com/itemdetails?itemName=HookyQR.beautify