1、首先一开始eslint格式完的代码时这样的
2、找到左上角文件-----首选项—设置打开
输入vetur.format 找到settings.json编辑
3、打开页面是这样的

{"vetur.format.defaultFormatter.html": "js-beautify-html","emmet.includeLanguages": {"wxml": "html"},"minapp-vscode.disableAutoConfig": true,"explorer.confirmDelete": false,"editor.fontSize": 18,"vetur.format.options.tabSize": 4,"vetur.format.defaultFormatterOptions":{"js-beautify-html":{"wrap_attributes":"auto"}}
}

4、设置完之后是这样的
5、想再调一下,就可以再这个settings.json编辑文件里边进行修改了。

vscode eslint 格式化完之后,一个标签多行,看的头疼相关推荐

  1. VScode配置eslint保存自动格式化,eslint格式化去掉分号和双引号。vscode自动保存去掉分号和双引号;““

    本文是开启eslint检验和配置eslint格式化:如果想要关闭eslint,查看这篇关闭eslint方法: 1.必须安装的三个插件eslint, prettier-Code formatter ,v ...

  2. vscode一格式化就报错?各种风格问题各种报错烦不胜烦,教你如何用好vue的eslint风格配置...

    前言 感觉搭建一个舒服的前端开发环境,十分的重要定制化的格式化,编辑器自带的格式化各种报错,手动改真的会死人,因此搭建一个编辑器环境必不可少,现在要讲的是vscode中如何定制vue vs code的 ...

  3. vscode自动格式化不符合eslint_VsCode(Visual Studio Code)格式化代码符合EsLint

    利用Visual Studio Code ESlint插件,实现自动格式化代码 步骤一:安装ESlint插件=>点击Extensions或者Ctrl+Shift+X=>搜索ESlint=& ...

  4. vscode 中写完代码 Ctrl + s 保存即可格式化代码 或者 (Shift+Alt+f)

    vscode 中写完代码 Ctrl + s 保存即可格式化代码 找到设置 搜索emmet.include 选择在settings.json中编辑 添加代码下面两行代码 别忘记逗号 "edit ...

  5. vscode html 属性换行,vscode中格式化css代码标签属性不换行

    vscode中格式化css代码标签属性不换行,如下图,教程,后将,解决方法,首选 vscode中格式化css代码标签属性不换行 易采站长站,站长之家为您整理了vscode中格式化css代码标签属性不换 ...

  6. vscode 使用Eslint 格式化代码

    在我们开发的过程中有时候会需要使用Eslint格式化代码,这时候我们就需要设置格式化的数据. 第一步:查找Eslint 并安装 第二步,点击下面的设置按钮,再搜索Eslint ,选择Format:En ...

  7. vscode html 格式化_详解VSCode 格式化不符合预期的问题

    一句话总结 不同格式化程序执行时长不一样,导致文件格式好后和预期不符. 请务必保持校验(Lint)规则和格式化(Format)规则一致,不然格式化后还是不符合预期是非常讨厌的. 本篇主要讲解怎么调教V ...

  8. vscode插件-格式化代码-工具

    shift alt f 格式话 比如设置了不生效, 缩进(2 4) 换行(printWidth) 单双引号, 末尾分号 插件名称 描述 vetur vue文件高亮 vue文件的格式化 prettier ...

  9. VSCode Eslint+Prettier+Vetur常用配置

    工程里创建文件.eslintrc.js module.exports = {root: true,parserOptions: {parser: 'babel-eslint',sourceType: ...

最新文章

  1. 大前端晋级系列之-策略模式
  2. 【BZOJ1899】[Zjoi2004]Lunch 午餐 贪心+DP
  3. Android典型界面设计(3)——访网易新闻实现双导航tab切换
  4. LeetCode 823. 带因子的二叉树(动态规划)
  5. jdk8新特性(接口新特性、lambda表达式、方法引用、函数式接口、Stream流)和单例设计模式
  6. 如何用轻量协作工具做bug管理
  7. java购买同一件商品时加锁_java中CAS的ABA问题思考和整理(不看后悔系列)
  8. Divergent series
  9. 最强AlphaGo怎样炼成?刚刚,DeepMind团队进行了全面解读
  10. 技能大赛 计算机 融合 研究,技能大赛与高职计算机教学的融合研究.doc
  11. java saxreader,java – 如何使用dom4j SAXReader脱机?
  12. 【锋会现场】大屏世界杯:电视到底是个什么东西?
  13. 如何将PS中的图片字体变为黑色
  14. 月饼,有毒 | 2016 影响因子
  15. 生鲜配送ERP系统_对商品模块数据模型与界面设计的思考【Java 开源版】杭州生鲜配送系统_升鲜宝_SaaS全链路生鲜供应链管理系统_升鲜宝
  16. WIN7/WIN10/WIN11系统下触屏软键盘无法跟随跳出,桌面模式无法自动弹出(随动键盘)
  17. Unity3D Shader 入门
  18. wps 制作 组织结构图
  19. 简约好看的自适应导航页源码
  20. AI图形算法之一:液位计识别

热门文章

  1. 微信公众号-关注取消关注后图文和普通消息自动回复
  2. 杀破狼java_终于把《杀破狼》看完了
  3. mysql 存储过程 out cursor_Mysql存储过程中使用cursor
  4. 以下属于4nf的分解为_数据库原理·模拟试卷及答案(1)
  5. PHP计算计算时间差,php中计算时间差的几种方法
  6. python类型检查_python【数据类型检查】
  7. ubuntu openssl_在Ubuntu下安装旧版seurat
  8. [实战]挖掘CSRF姿势
  9. SqlHelper帮助类_上(SQLServer数据库含Connection详解)
  10. Windows C盘格式化或者同平台迁移oracle数据库