当前位置:   article > 正文

react在vscode中settings.json文件的配置(vue,uni-app同样适用)带详细的注释版_vscode写react代码配置

vscode写react代码配置
  1. {
  2. "git.enableSmartCommit": true,
  3. // 修改注释颜色
  4. "editor.tokenColorCustomizations": {
  5. "comments": {
  6. "fontStyle": "bold",
  7. "foreground": "#82e0aa"
  8. }
  9. },
  10. // 配置文件类型识别
  11. "files.associations": {
  12. "*.js": "javascript",
  13. "*.json": "jsonc",
  14. "*.cjson": "jsonc",
  15. "*.wxss": "css",
  16. "*.wxs": "javascript"
  17. },
  18. //不忽略VSCode扩展的建议推荐。
  19. "extensions.ignoreRecommendations": false,
  20. //定义了需要在文件浏览器中排除的文件和文件夹。
  21. "files.exclude": {
  22. "**/.DS_Store": true,
  23. "**/.git": true,
  24. "**/.hg": true,
  25. "**/.svn": true,
  26. "**/CVS": true,
  27. "**/node_modules": false,
  28. "**/tmp": true
  29. },
  30. // "javascript.implicitProjectConfig.experimentalDecorators": true,
  31. "explorer.confirmDragAndDrop": false,
  32. "typescript.updateImportsOnFileMove.enabled": "prompt",
  33. "git.confirmSync": false,
  34. //设置编辑器的制表符大小为2个空格。
  35. "editor.tabSize": 2,
  36. "editor.fontWeight": "500",
  37. "[json]": {},
  38. //启用Tab键自动完成功能
  39. "editor.tabCompletion": "on",
  40. "vsicons.projectDetection.autoReload": true,
  41. //设置编辑器的字体家族。
  42. "editor.fontFamily": "Monaco, 'Courier New', monospace, Meslo LG M for Powerline",
  43. "[html]": {
  44. "editor.defaultFormatter": "vscode.html-language-features"
  45. },
  46. "editor.fontSize": 16,
  47. "debug.console.fontSize": 14,
  48. "vsicons.dontShowNewVersionMessage": true,
  49. "editor.minimap.enabled": true,
  50. "emmet.extensionsPath": [
  51. ""
  52. ],
  53. // vue eslint start 保存时自动格式化代码
  54. "editor.formatOnSave": true,
  55. // eslint配置项,保存时自动修复错误
  56. "editor.codeActionsOnSave": {
  57. "source.fixAll": true
  58. },
  59. "vetur.ignoreProjectWarning": true,
  60. // 让vetur使用vs自带的js格式化工具
  61. // uni-app和vue 项目使用
  62. "vetur.format.defaultFormatter.js": "vscode-typescript",
  63. "javascript.format.semicolons": "remove",
  64. // // 指定 *.vue 文件的格式化工具为vetur
  65. "[vue]": {
  66. "editor.defaultFormatter": "octref.vetur"
  67. },
  68. // // 指定 *.js 文件的格式化工具为vscode自带
  69. "[javascript]": {
  70. "editor.defaultFormatter": "vscode.typescript-language-features"
  71. },
  72. // // 默认使用prettier格式化支持的文件
  73. "editor.defaultFormatter": "esbenp.prettier-vscode",
  74. //设置Prettier在JSX中的大括号是否与标签在同一行。
  75. "prettier.jsxBracketSameLine": true,
  76. // 函数前面加个空格
  77. "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  78. //使用单引号而不是双引号
  79. "prettier.singleQuote": true,
  80. //不在语句末尾添加分号。
  81. "prettier.semi": false,
  82. // eslint end
  83. // react
  84. // 当按tab键的时候,会自动提示
  85. "emmet.triggerExpansionOnTab": true,
  86. "emmet.showAbbreviationSuggestions": true,
  87. "emmet.includeLanguages": {
  88. // jsx的提示
  89. "javascript": "javascriptreact",
  90. "vue-html": "html",
  91. "vue": "html",
  92. "wxml": "html"
  93. },
  94. // end
  95. "[jsonc]": {
  96. "editor.defaultFormatter": "vscode.json-language-features"
  97. },
  98. // @路径提示
  99. "path-intellisense.mappings": {
  100. "@": "${workspaceRoot}/src"
  101. },
  102. "security.workspace.trust.untrustedFiles": "open",
  103. "git.ignoreMissingGitWarning": true,
  104. "window.zoomLevel": 1,
  105. "files.autoSave": "onFocusChange"
  106. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/186834?site
推荐阅读
相关标签
  

闽ICP备14008679号