vscode html 换行设置

打开vscode设置，在上方输入框搜索settings，进入到settings.json文件。添加以下属性：

注: // - auto: 仅在超出行长度时才对属性进行换行。// - force: 对除第一个属性外的其他每个属性进行换行。// - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。// - force-expand-multiline: 对每个属性进行换行。// - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。
12345

{  "eol": "\n", //all.行结束符"end_with_newline": false,//all,确保在文件结束时换行"indent_char": "\t",//all,缩进字符，默认" "，\t 跳格(移至下一列)"indent_size": 4,//all,缩进尺寸，默认4"indent_with_tabs": true, //all,使用tab缩进,将会覆盖“indent_size”和“indent_char”设置，默认false"preserve_newlines": true,//all,保留空行，默认“true”（保留换行符）"max_preserve_newlines": null,//html、js,保留连续换行符个数，默认10（比如设为2，则会将2行以上的空行删除为只保留1行）"wrap_line_length": 0,//html、js,在 n 个字符之后换行(设置为0忽略换行)"html":{"extra_liners":["head", "body", "/html"], //配置标签列表，需要在这些标签前面额外加一空白行（换行符）"indent_body_inner_html":false,//缩进 < body> 中的元素，默认：true"indent_handlebars":true,//格式和缩进，默认为false"indent_head_inner_html":false, //缩进 < head> 中的元素，默认：true"indent_inner_html":true,// 缩进< head>和< body>中的元素（head和body也会缩进），默认：false"indent_scripts":"normal",//缩进< script> 标签里的代码，有三个值：“keep”(对齐< script>标签)、“separate”(对齐左边界)、“normal”(正常缩进)，默认：“normal”"inline":[],//各种标签的缩进[ "a", "abbr", "area", "audio", "b", "bdi", "bdo", "br", "button", "canvas", "cite", "code", "data", "datalist", "del", "dfn", "em", "embed", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "map", "mark", "math", "meter", "noscript", "object", "output", "progress", "q", "ruby", "s", "samp", "select", "small", "span", "strong", "sub", "sup", "svg", "template", "textarea", "time", "u", "var", "video", "wbr", "text", "acronym", "address", "big", "dt", "ins", "strike", "tt" ]"wrap_attributes":"auto",//将属性换到新行，有5个值：“auto”(不换行)、“force”(第2个起换行)、 “force-aligned”(第2个起换行，与第1个属性对齐)、 “force-expand-multiline(所有属性都换行)，默认：“auto”"wrap_attributes_indent_size":4,//属性换行缩进大小,默认：indent_size"unformatted":[],//数组中的标签不会重新格式化，默认：[]"content_unformatted":[],//数组中标签的内容不会重新格式化，默认：[“pre”,“textarea”]"void_elements":[],//定义自关闭标签,["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "menuitem", "meta", "param", "source", "track", "wbr", "!doctype", "?xml", "?php", "?=", "basefont", "isindex"]},"js":{"brace_style":"collapse",//括号风格，“collapse-preserve-inline”, “collapse”, “expand”, “end-expand”, or “none” ,默认“collapse”"break_chained_methods":true,//中断多行间的链式方法调用，默认true"comma_first":true,//将逗号放在新行的开头而不是结尾，默认为false"e4x":true,//  不受影响地传递E4X xml文本,默认为false"indent_level":0,//    初始缩进级别"jslint_happy":true,//   开启jslint-stricter的严格模式（强制开启“space_after_anon_function”选项）,默认false"keep_array_indentation":true,//    保持数组缩进，默认false"keep_function_indentation":true,//   保持函数缩进，默认false"operator_position":"before-newline",//    将操作符移动到新行之前或之后，或保持原样。“before-newline”， “after-newline”，或"preserve-newline",默认为"before-newline""space_after_anon_function":true,// 在匿名函数的括号前加空格,默认为false"space_after_named_function":,// 在具名函数之前加一个空格"space_before_conditional":true,// 在条件语句之前保留一个空格，默认true"space_in_empty_paren":true,//  在括号中留空格，默认为false"space_in_paren":true,//    在函数参数之间增加空格，默认为false"unescape_strings":true,//  解码用xNN表示法编码的可打印字符,默认为false"unindent_chained_methods":true,//   Unindent链接方法,默认为false}"css":{"newline_between_rules":false,//在css规则之间添加一个换行符，默认为false"selector_separator_newline":true,//在多个选择器之间加一个换行符"space_around_combinator":false,//确保选择器分隔符周围的空间 (>+~)}
}

vscode html 换行设置相关推荐

vscode+MinGW+cmake设置轻量ide
本地随手写一些题目的时候,发现visual studio非常庞大emmm vscode vscode是一个轻量编辑器 (1)vscode插件与设置自动同步在两个电脑上,用vscode可以同步插件 , ...
QT 中界面中消息的停留时间解决方案以及 label 中字体大小和换行设置
QT 中界面中消息的停留时间解决方案以及 label 中字体大小和换行设置参考文章: (1)QT 中界面中消息的停留时间解决方案以及 label 中字体大小和换行设置 (2)https:// ...
table 表格，table表格细边框设置，table表格禁止内容换行设置，table表格斑马线设置
table 表格,细边框设置,禁止内容换行设置,斑马线设置 1.没有设置时的样式 2.设置后的样式 3.html代码 <div class="cp-table">< ...
VSCode for mac 设置中文
VSCode for mac 设置中文 macOS 快捷键:command + shift + p 输入搜索 configure language 选择zh-cn即可
vscode markdown背景设置（深色模式/亮模式切换）
简单三步走: Step 1 搜索并安装插件Markdown Preview Enhanced. Step 2 点击vscode左下角的设置图标,打开vscode设置,在搜索框输入:markdown p ...
ubuntu vscode 终端字体设置（字体间隔过大）
ubuntu vscode 终端字体设置(字体间隔过大) 1 问题 2 原因 3 处理 3.1 查看系统字体 3.2 设置系统预置字体 3.3 设置自定义字体 1 问题 ubuntu 18.04 系统 ...
vscode主题颜色设置为light,代码颜色花里胡哨
左键单击文件–首选项–设置–点击标记的按钮 setting.json文件代码如下(直接复制进去保存就可): { "workbench.iconTheme": "vscod ...
VsCode编辑器如何设置中文，最有效的方法！
最近在开发微信小程序,由于小程序开发工具的编辑器惨不忍睹,想用一款开发工具来代替,发现很多大神都在使用vscode,所以想试试看,结果一用就立刻喜欢上了,非常好用,但是vscode默认是英文的,要设置 ...
VSCode终端字体设置
VSCode终端字体设置问题解决方案问题新下载的vscode终端中字体很是奇怪,感觉每个字母之间都有空格.如下图所示: 解决方案打开设置-用户-功能-终端,找到Font Family 输入m ...

vscode html 换行设置

vscode html 换行设置相关推荐

最新文章

热门文章