settings.json 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. {
  2. //VS Code 配置
  3. "editor.fontSize": 14,
  4. "editor.renderWhitespace": "none",
  5. "editor.dragAndDrop": false,
  6. "editor.emptySelectionClipboard": false,
  7. "editor.minimap.enabled": false,
  8. "editor.formatOnSave": true,
  9. "editor.defaultFormatter": "esbenp.prettier-vscode",
  10. //Prettier 配置
  11. "prettier.printWidth": 80, // 超过80字符换行
  12. "prettier.tabWidth": 2, // 指定每个缩进级别的空格数
  13. "prettier.useTabs": false, // true-使用制表符而不是空格缩进行
  14. "prettier.semi": true, // true-在每个语句的末尾添加分号,false-仅在可能引起ASI故障的行首添加分号。
  15. "prettier.singleQuote": true, // true-使用单引号而不是双引号
  16. "prettier.quoteProps": "preserve", // "as-needed" -仅在需要时在对象属性周围添加引号。"consistent" -如果对象中的至少一个属性需要加引号,请对所有属性加引号。"preserve" -尊重对象属性中引号的输入使用。
  17. "prettier.jsxSingleQuote": true, // true-在JSX中使用单引号而不是双引号。
  18. "prettier.trailingComma": "es5", // "es5"-在ES5中有效的结尾逗号(对象,数组等)"none" -没有尾随逗号。"all"-尽可能使用尾随逗号(包括函数参数列表和调用中的尾随逗号)。这需要节点8或支持ES2017或使用babel进行转换的现代浏览器。
  19. "prettier.bracketSpacing": true, // 在对象文字中的括号之间打印空格 true-示例:{ foo: bar }
  20. "prettier.bracketSameLine": true, // true-将>多行JSX元素的放在最后一行的末尾,而不是一个人放在下一行
  21. "prettier.arrowParens": "avoid", // 在单独的箭头函数参数周围包括括号。"always"-始终包含括号。例子:(x) => x。"avoid"-如果可能的话,省去parens。例子:x => x
  22. "prettier.embeddedLanguageFormatting": "auto", // 把js文件中字符串类型的html代码尽量格式化,"auto" –如果Prettier可以自动识别嵌入式代码,则可以对其进行格式化。"off" -切勿自动格式化嵌入的代码。
  23. "prettier.endOfLine": "lf", // 对换行的行尾样式进行统一,"lf"–仅\n换行(),在Linux和macOS以及git repos内通用,"crlf"-回车符+换行符(\r\n),在Windows上很常见,"cr"-仅回车符(\r),很少使用,"auto" -保持现有的行尾(通过查看第一行后的内容对一个文件中的混合值进行归一化)
  24. "prettier.vueIndentScriptAndStyle": false, // 是否缩进Vue文件中的代码<script>和<style>标签的缩进。"false" -不要缩进Vue文件中的脚本和样式标签。"true" -在Vue文件中缩进脚本和样式标签。
  25. "prettier.htmlWhitespaceSensitivity": "ignore", // 指定HTML文件的全局空格敏感度。"css"-遵守CSSdisplay属性的默认值。"strict" -空白被认为是敏感的。"ignore" -空白被认为是不敏感的。
  26. "[javascript]": {
  27. "editor.defaultFormatter": "esbenp.prettier-vscode"
  28. },
  29. "[html]": {
  30. "editor.defaultFormatter": "esbenp.prettier-vscode"
  31. },
  32. "[css]": {
  33. "editor.defaultFormatter": "esbenp.prettier-vscode"
  34. },
  35. "[vue]": {
  36. "editor.defaultFormatter": "esbenp.prettier-vscode"
  37. },
  38. "[json]": {
  39. "editor.defaultFormatter": "esbenp.prettier-vscode"
  40. }
  41. }