无锡网站的优化哪家好,珠宝手机网站模板,好看的官网源码,外国网站的浏览器常用配置项#xff1a;
.prettierrc.json 是 Prettier 格式化工具的配置文件
{printWidth: 200, // 指定行的最大长度tabWidth: 2, // 指定缩进的空格数useTabs: false, // 是否使用制表符进行缩进#xff0c;默认为 falsesingl…常用配置项
.prettierrc.json 是 Prettier 格式化工具的配置文件
{printWidth: 200, // 指定行的最大长度tabWidth: 2, // 指定缩进的空格数useTabs: false, // 是否使用制表符进行缩进默认为 falsesingleQuote: true, // 是否使用单引号默认为 falsequoteProps: as-needed, // 对象属性是否使用引号默认为 as-neededtrailingComma: none, // 是否使用尾随逗号末尾的逗号可以是 none、es5、all 三个选项bracketSpacing: true, // 对象字面量中的括号是否有空格默认为 truejsxBracketSameLine: false, // JSX 标签的右括号是否与前一行的末尾对齐默认为 falsearrowParens: always, // 箭头函数参数是否使用圆括号默认为 alwaysrangeStart: 0, // 指定格式化的范围的起始位置rangeEnd: Infinity, // 指定格式化的范围的结束位置requirePragma: false, // 是否需要在文件顶部添加特殊的注释才能进行格式化默认为 falseinsertPragma: false, // 是否在格式化后的文件顶部插入特殊的注释默认为 falseproseWrap: preserve, // 是否保留 markdown 文件中的换行符默认为 preservehtmlWhitespaceSensitivity: css, // 指定 HTML 文件中空格敏感度的配置选项可以是 css 或 strict 两个选项vueIndentScriptAndStyle: false, // 是否缩进 Vue 文件中的 script 和 style 标签默认为 falseendOfLine: auto, // 指定换行符的风格可以是 auto、lf、crlf、cr 四个选项semi: true, // 行末是否添加分号默认为 trueusePrettierrc: true, // 是否使用项目根目录下的 .prettierrc 文件默认为 trueoverrides: [ // 针对特定文件或文件类型的格式化配置{files: *.json, // 匹配的文件或文件类型options: {tabWidth: 4 // 针对该文件类型的配置选项}},{files: *.md,options: {printWidth: 100}}]
}
Prettier 安装配置方法 1.安装插件并右击选择扩展设置 2.在箭头指向选项处设置配置文件路径一般配置文件放在项目根目录下配置就如图所示注意路径有误的话格式化工具将会不起作用 3.去设置中找到第五步指向设置项勾选作用当你保存编辑的文件时会触发格式化插件 4.完成上述后可以在需要格式化的文件上右击并选择使用…格式化文档设置第三步后可以不用操作这一步 5.第四步完成后出现这个弹框选择Prettier格式化插件 6.当页面代码布局和排版出现配置中的变化时即格式化工具成功配置
注意
vscode 中有默认的格式化配置属性如何有相同的会以vscode 默认配置属性为主 例如格式化 控制一行代码显示字数如果格式化插件配置文件不同于vscode 的设置那么就将会以格式化插件为主