安装这三个组件

windwos 
ctrl+,打开设置然后点击右上角这里

将一下内容粘贴并保存

{// tab 大小为2个空格"editor.tabSize": 2,// 100 列后换行"editor.wordWrapColumn": 100,// 保存时格式化"editor.formatOnSave": true,// 开启 vscode 文件路径导航"breadcrumbs.enabled": true,// prettier 设置语句末尾不加分号"prettier.semi": false,// prettier 设置强制单引号"prettier.singleQuote": true,// 选择 vue 文件中 template 的格式化工具"vetur.format.defaultFormatter.html": "prettyhtml",// 显示 markdown 中英文切换时产生的特殊字符"editor.renderControlCharacters": true,// 设置 eslint 保存时自动修复"eslint.autoFixOnSave": true,// eslint 检测文件类型"eslint.validate": ["vue","html","javascript","typescript","javascriptreact","typescriptreact"],// vetur 的自定义设置"vetur.format.defaultFormatterOptions": {"prettier": {"singleQuote": true,"semi": false}},// vue 扩展的文件默认使用 prettier 进行格式化"[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"editor.codeActionsOnSave": {"source.fixAll.eslint": true},}

之前的代码是这样的

直接ctrl+s保存一下 

代码变换成这样。非常的时尚

vscode代码格式化 保存时候自动修改为合规代码相关推荐

  1. 关闭eslint检查2020_2020 vscode配置eslint保存后自动fix

    2020 vscode配置eslint保存后自动fix 这篇文章发布于 2019/10/12,归类于 计算机基础与开发工具 标签: vscode 保存自动fix,vscode 保存执行fix,esli ...

  2. vscode 配置 文件保存时自动格式化

    文章目录 安装vetur(vue) 和 prettier 两个插件 第一步: 先打开vscode软件,左下角点击设置 → 打开设置 → 搜索设置 第二步: 接下来先设定自动保存文件,搜索框输入file ...

  3. vscode 如何设置保存后自动格式化【在设置中搜索formatOnSave设置启用】

    如果要在保存时格式化,请将此条目添加到用户/工作空间设置中: "editor.formatOnSave": true

  4. python 自动修改底色及合并代码

    批量修改指定路径下c:\users\fish\desktop\jpg   中png格式图片进行修改.生成一个320*208的#cfcfcf底图,然后将文件夹中的png文件白色像素点改为(207,207 ...

  5. python 网关配置界面代码_Linux下使用python自动修改本机网关代码分享

    {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...

  6. 每日10行代码47:python自动领取淘金币完整代码:基于坐标的模拟点击(2020年10月10日可用)

    今天把领淘金币的代码写完了,目前可以适应不同的分辨率,原理是模拟手去点击,就相当于手机上运行个按键精灵. 使用前提: 电脑上配置好了adb工具. 手机打开了开发者选项. 安装了手机淘宝. 手机淘宝是标 ...

  7. VSCode格式化保存HTML的标签名前(head,body,/html)自动空出一行的解决办法

    在写代码时,格式化保存后发现标签名如head,body,div等前面会多出一个空行出来,如下所示: <!DOCTYPE html> <html lang="en" ...

  8. VScode配置ESLint检测语法+Prettier代码格式化

    文章目录 前言 1. ESLint 支持几种格式的配置文件 2. ESLint的数字代表 3. VSCode 默认格式化配置 4. Prettier 配置 5. 如何解决 ESLint 与 Prett ...

  9. 配置CLion clang-format保存时自动格式化

    安装clang-format 在Mac上安装使用home brew: # 安装clang-format brew install clang-format 正常安装在/usr/local/bin/cl ...

最新文章

  1. 如何识别高级的验证码
  2. 快速排序算法_常用排序算法专题—快速排序
  3. jquery中的ajax方法(备忘)
  4. 能玩游戏的计算机名字,没有手机和电脑时,孩子们最喜欢的游戏,简单却能玩上一整天!...
  5. php pathseparator,在PHP拥有与命名空间和通过set_include_path()的一个问题
  6. Win8系统搜索不到无线信号该怎么办?
  7. 协议protocol
  8. android 换机 iphone8,iPhone 8给了安卓用户一个换机理由
  9. POJ 2996, Help Me with the Game
  10. Windows快捷键使用和打开CMD的方式
  11. 网络安全——端口对应服务大全(白帽必备万字快查表)
  12. Word 分节符插入与删除方法
  13. JM8.5中的高精度象素运动估计
  14. 小样儿想封我?WebOS 1.2.1再次突破iTunes同步限制
  15. Linux内核2:中断代码分析
  16. 花样16流水灯c语言程序,8个花样流水灯c程序
  17. XXE漏洞的详解与利用
  18. 什么是事件驱动架构(EDA)? 一个会写诗的程序员
  19. 中审审易软件 瑞星杀毒软件升级包
  20. Qt跨平台框架在金融领域必然性

热门文章

  1. “1只老母鸡”估值180亿!老乡鸡发展20年,都做对了什么?
  2. 利用天翎知识文档+群晖NAS搭建企业知识库,享用智能检索
  3. 关于阿里云服务器可以怎么选择地域
  4. 考研路上的那些一战二战三战成功与失败的故事系列之一
  5. CS224N Assignment 1: Exploring Word Vectors (25 Points)
  6. 数据分析之缺失值填充(重点讲解多重插值法Miceforest)
  7. window php ice安装,bootice怎么添加win10引导
  8. nginx无法下载文件,报404的解决方法
  9. 【OI做题记录】【BZOJ】【Usaco2008 Mar】土地购买
  10. 取消notepad++打开.bat文件