vscode代码格式化 保存时候自动修改为合规代码
安装这三个组件
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代码格式化 保存时候自动修改为合规代码相关推荐
- 关闭eslint检查2020_2020 vscode配置eslint保存后自动fix
2020 vscode配置eslint保存后自动fix 这篇文章发布于 2019/10/12,归类于 计算机基础与开发工具 标签: vscode 保存自动fix,vscode 保存执行fix,esli ...
- vscode 配置 文件保存时自动格式化
文章目录 安装vetur(vue) 和 prettier 两个插件 第一步: 先打开vscode软件,左下角点击设置 → 打开设置 → 搜索设置 第二步: 接下来先设定自动保存文件,搜索框输入file ...
- vscode 如何设置保存后自动格式化【在设置中搜索formatOnSave设置启用】
如果要在保存时格式化,请将此条目添加到用户/工作空间设置中: "editor.formatOnSave": true
- python 自动修改底色及合并代码
批量修改指定路径下c:\users\fish\desktop\jpg 中png格式图片进行修改.生成一个320*208的#cfcfcf底图,然后将文件夹中的png文件白色像素点改为(207,207 ...
- python 网关配置界面代码_Linux下使用python自动修改本机网关代码分享
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...
- 每日10行代码47:python自动领取淘金币完整代码:基于坐标的模拟点击(2020年10月10日可用)
今天把领淘金币的代码写完了,目前可以适应不同的分辨率,原理是模拟手去点击,就相当于手机上运行个按键精灵. 使用前提: 电脑上配置好了adb工具. 手机打开了开发者选项. 安装了手机淘宝. 手机淘宝是标 ...
- VSCode格式化保存HTML的标签名前(head,body,/html)自动空出一行的解决办法
在写代码时,格式化保存后发现标签名如head,body,div等前面会多出一个空行出来,如下所示: <!DOCTYPE html> <html lang="en" ...
- VScode配置ESLint检测语法+Prettier代码格式化
文章目录 前言 1. ESLint 支持几种格式的配置文件 2. ESLint的数字代表 3. VSCode 默认格式化配置 4. Prettier 配置 5. 如何解决 ESLint 与 Prett ...
- 配置CLion clang-format保存时自动格式化
安装clang-format 在Mac上安装使用home brew: # 安装clang-format brew install clang-format 正常安装在/usr/local/bin/cl ...
最新文章
- 如何识别高级的验证码
- 快速排序算法_常用排序算法专题—快速排序
- jquery中的ajax方法(备忘)
- 能玩游戏的计算机名字,没有手机和电脑时,孩子们最喜欢的游戏,简单却能玩上一整天!...
- php pathseparator,在PHP拥有与命名空间和通过set_include_path()的一个问题
- Win8系统搜索不到无线信号该怎么办?
- 协议protocol
- android 换机 iphone8,iPhone 8给了安卓用户一个换机理由
- POJ 2996, Help Me with the Game
- Windows快捷键使用和打开CMD的方式
- 网络安全——端口对应服务大全(白帽必备万字快查表)
- Word 分节符插入与删除方法
- JM8.5中的高精度象素运动估计
- 小样儿想封我?WebOS 1.2.1再次突破iTunes同步限制
- Linux内核2:中断代码分析
- 花样16流水灯c语言程序,8个花样流水灯c程序
- XXE漏洞的详解与利用
- 什么是事件驱动架构(EDA)? 一个会写诗的程序员
- 中审审易软件 瑞星杀毒软件升级包
- Qt跨平台框架在金融领域必然性
热门文章
- “1只老母鸡”估值180亿!老乡鸡发展20年,都做对了什么?
- 利用天翎知识文档+群晖NAS搭建企业知识库,享用智能检索
- 关于阿里云服务器可以怎么选择地域
- 考研路上的那些一战二战三战成功与失败的故事系列之一
- CS224N Assignment 1: Exploring Word Vectors (25 Points)
- 数据分析之缺失值填充(重点讲解多重插值法Miceforest)
- window php ice安装,bootice怎么添加win10引导
- nginx无法下载文件,报404的解决方法
- 【OI做题记录】【BZOJ】【Usaco2008 Mar】土地购买
- 取消notepad++打开.bat文件