vscode 一键规范代码格式的实现

作者:zm_miner 时间:2022-01-14 17:24:53 

使用vscode的过程中 自己或者push代码以后 代码的格式可能会出现错乱,
作为一个成熟的开发 , 当然应该遵守一些代码规范, 首先代码整洁度应该排在第一位
使用vscode 格式化代码 在少量的情况下 可能可以手动去修改格式, 但在大量格式排版不对齐的情况下, 应该怎么做?

文件 -> 首选项 -> 设置 -> {}

vscode 一键规范代码格式的实现

在右侧用户设置中可以对当前编辑器默认的进行更改

下面的复制到用户设置中, ctrl + s 即可完成对代码的规范


{
 // vscode默认启用了根据文件类型自动设置tabsize的选项
 "editor.detectIndentation": false,
 // 重新设定tabsize
 "editor.tabSize": 2,
 // #每次保存的时候自动格式化
 "editor.formatOnSave": true,
 // #每次保存的时候将代码按eslint格式进行修复
 "eslint.autoFixOnSave": true,
 // 添加 vue 支持
 "eslint.validate": [
   "javascript",
   "javascriptreact",
   {
     "language": "vue",
     "autoFix": true
   }
 ],
 // #让prettier使用eslint的代码格式进行校验
 "prettier.eslintIntegration": true,
 // #去掉代码结尾的分号
 "prettier.semi": false,
 // #使用带引号替代双引号
 "prettier.singleQuote": true,
 // #让函数(名)和后面的括号之间加个空格
 "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
 // #这个按用户自身习惯选择
 "vetur.format.defaultFormatter.html": "js-beautify-html",
 // #让vue中的js按编辑器自带的ts格式进行格式化
 "vetur.format.defaultFormatter.js": "vscode-typescript",
 "vetur.format.defaultFormatterOptions": {
   "js-beautify-html": {
     "wrap_attributes": "force-aligned"
     // #vue组件中html代码格式化样式
   }
 },
 // 格式化stylus, 需安装Manta's Stylus Supremacy插件
 "stylusSupremacy.insertColons": false, // 是否插入冒号
 "stylusSupremacy.insertSemicolons": false, // 是否插入分好
 "stylusSupremacy.insertBraces": false, // 是否插入大括号
 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
 "stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行
}

vscode 一键规范代码格式的实现

来源:https://blog.csdn.net/zm_miner/article/details/94416776

标签:vscode,规范,代码,格式
0
投稿

猜你喜欢

  • Django 开发环境配置过程详解

    2022-05-16 01:53:04
  • Python函数参数分类原理详解

    2022-02-26 17:05:57
  • 层叠加的五条叠加法则

    2009-05-01 12:07:00
  • Python爬虫实战之使用Scrapy爬取豆瓣图片

    2023-06-08 10:56:20
  • Python多路复用selector模块的基本使用

    2021-12-17 08:43:25
  • 详解vue中$nextTick和$forceUpdate的用法

    2024-06-05 09:15:44
  • wxPython定时器wx.Timer简单应用实例

    2022-08-20 00:36:30
  • 在vue中配置不同的代理同时访问不同的后台操作

    2024-05-09 15:08:23
  • Python学习之Django的管理界面代码示例

    2022-07-16 21:29:07
  • 一起来了解python的基本输入和输出

    2023-11-11 06:27:51
  • 在Vue中配置代理服务器的方法详解

    2024-04-30 10:22:10
  • Python命令行参数定义及需要注意的地方

    2022-09-16 02:34:39
  • 网站中美好的细节

    2011-07-13 18:43:07
  • 跟老齐学Python之数据类型总结

    2023-05-30 07:15:07
  • python实现通过pil模块对图片格式进行转换的方法

    2021-03-06 01:55:54
  • 以大热剧《觉醒年代》为例用Python绘制可视化仪表盘

    2022-03-23 15:27:07
  • Go语言题解LeetCode下一个更大元素示例详解

    2024-05-21 10:25:33
  • python暴力解压rar加密文件过程详解

    2023-11-20 06:28:38
  • Python实现PS滤镜碎片特效功能示例

    2021-04-25 01:35:31
  • 一篇文章了解Python中常见的序列化操作

    2023-01-22 05:22:20
  • asp之家 网络编程 m.aspxhome.com