Vscode 格式化配置

Vscode 格式化配置

{
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  "editor.fontSize": 20,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // #值设置为true时,每次保存的时候自动格式化;值设置为false时,代码格式化请按shift+alt+F
  "editor.formatOnSave": false,
  //  #去掉代码结尾的分号
  "prettier.semi": false,
  //  #使用带引号替代双引号
  "prettier.singleQuote": true,
  "prettier.tabWidth": 2,
  //  #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,

  // #这个按用户自身习惯选择
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #让vue中的js按"prettier"格式进行格式化
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatterOptions": {
      "js-beautify-html": {
          // #vue组件中html代码格式化样式
          "wrap_attributes": "force-aligned", //也可以设置为“auto”,效果会不一样
          "wrap_line_length": 200,
          "end_with_newline": false,
          "semi": false,
          "singleQuote": true
      },
      "prettier": {
          "semi": false,
          "singleQuote": true
      }
  },
  "[jsonc]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // 格式化stylus, 需安装Manta's Stylus Supremacy插件
  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分号
  "stylusSupremacy.insertBraces": false, // 是否插入大括号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": false,
  "prettier.useTabs": true,
  "files.autoSave": "off",
  "explorer.confirmDelete": false,
  "[javascript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "diffEditor.ignoreTrimWhitespace": false,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "minapp-vscode.disableAutoConfig": true,
  "workbench.colorTheme": "One Dark Pro",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  } // 两个选择器中是否换行
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode格式化配置可以通过安装Prettier插件来实现。首先,打开VSCode,如果没有安装Prettier插件,请先安装。安装方法是点击"Extension"图标,然后搜索"prettier",找到官方插件并安装\[1\]。 在配置格式化工具之前,我们可以先了解一些相关的配置选项。在VSCode中,可以通过编辑settings.json文件来配置格式化选项。以下是一些常用的配置选项\[3\]: - editor.detectIndentation: 是否根据文件类型自动设置tabsize的选项,默认为true,可以设置为false来禁用自动设置。 - editor.tabSize: 重新设定tabsize的值,可以根据需要设置。 - editor.formatOnSave: 每次保存的时候是否自动格式化代码,默认为false,可以设置为true来启用自动格式化。 - prettier.semi: 是否去掉代码结尾的分号,默认为false,可以设置为true来去掉分号。 - prettier.singleQuote: 是否使用单引号替代双引号,默认为false,可以设置为true来使用单引号。 - 其他一些格式化选项,如在函数名和括号之间加空格、在Vue文件中使用编辑器自带的TS格式等。 根据个人需求,可以根据上述配置选项来自定义VSCode格式化配置。可以在settings.json文件中添加这些配置选项,并根据需要进行修改\[3\]。 总结起来,通过安装Prettier插件并配置相关选项,可以实现VSCode格式化配置,从而提高开发效率\[1\]\[3\]。 #### 引用[.reference_title] - *1* [vscode格式化配置](https://blog.csdn.net/h666000/article/details/130153973)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [VSCode C/C++ 格式化配置【最完整准确版本】](https://blog.csdn.net/LIZHUOLONG1/article/details/129706721)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [vscode文件格式化配置](https://blog.csdn.net/qq_42351675/article/details/128477818)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值