解决vscode保存时格式自动修整的问题

2024-01-09 17:59

本文主要是介绍解决vscode保存时格式自动修整的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

格式onsave在VS Code with Prettier中不起作用 - 问答 - 云+社区 - 腾讯云

在settings.json中加入

"editor.defaultFormatter": "esbenp.prettier-vscode",

 

settings.json完整代码

{

    // 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_line_length": 120,

        "wrap_attributes": "auto"

        // #vue组件中html代码格式化样式

      }

    },

    // 格式化stylus, 需安装Manta's Stylus Supremacy插件

    "stylusSupremacy.insertColons": false, // 是否插入冒号

    "stylusSupremacy.insertSemicolons": false, // 是否插入分号

    "stylusSupremacy.insertBraces": false, // 是否插入大括号

    "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行

    "stylusSupremacy.insertNewLineAroundBlocks": false,

    "explorer.confirmDelete": false,

    "editor.codeActionsOnSave": {

      "source.fixAll.eslint": true

    },// 两个选择器中是否换行

      //保存时格式自动对齐

    "editor.defaultFormatter": "esbenp.prettier-vscode",

}

这篇关于解决vscode保存时格式自动修整的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/qq_45418844/article/details/123781841
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/587955

相关文章

SpringBoot+Docker+Graylog 如何让错误自动报警

《SpringBoot+Docker+Graylog如何让错误自动报警》SpringBoot默认使用SLF4J与Logback,支持多日志级别和配置方式,可输出到控制台、文件及远程服务器,集成ELK... 目录01 Spring Boot 默认日志框架解析02 Spring Boot 日志级别详解03 Sp

SQL Server配置管理器无法打开的四种解决方法

《SQLServer配置管理器无法打开的四种解决方法》本文总结了SQLServer配置管理器无法打开的四种解决方法,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录方法一:桌面图标进入方法二:运行窗口进入检查版本号对照表php方法三:查找文件路径方法四:检查 S

怎样通过分析GC日志来定位Java进程的内存问题

《怎样通过分析GC日志来定位Java进程的内存问题》:本文主要介绍怎样通过分析GC日志来定位Java进程的内存问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、GC 日志基础配置1. 启用详细 GC 日志2. 不同收集器的日志格式二、关键指标与分析维度1.

Java 线程安全与 volatile与单例模式问题及解决方案

《Java线程安全与volatile与单例模式问题及解决方案》文章主要讲解线程安全问题的五个成因(调度随机、变量修改、非原子操作、内存可见性、指令重排序)及解决方案,强调使用volatile关键字... 目录什么是线程安全线程安全问题的产生与解决方案线程的调度是随机的多个线程对同一个变量进行修改线程的修改操

Redis出现中文乱码的问题及解决

《Redis出现中文乱码的问题及解决》:本文主要介绍Redis出现中文乱码的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1. 问题的产生2China编程. 问题的解决redihttp://www.chinasem.cns数据进制问题的解决中文乱码问题解决总结

浏览器插件cursor实现自动注册、续杯的详细过程

《浏览器插件cursor实现自动注册、续杯的详细过程》Cursor简易注册助手脚本通过自动化邮箱填写和验证码获取流程,大大简化了Cursor的注册过程,它不仅提高了注册效率,还通过友好的用户界面和详细... 目录前言功能概述使用方法安装脚本使用流程邮箱输入页面验证码页面实战演示技术实现核心功能实现1. 随机

全面解析MySQL索引长度限制问题与解决方案

《全面解析MySQL索引长度限制问题与解决方案》MySQL对索引长度设限是为了保持高效的数据检索性能,这个限制不是MySQL的缺陷,而是数据库设计中的权衡结果,下面我们就来看看如何解决这一问题吧... 目录引言:为什么会有索引键长度问题?一、问题根源深度解析mysql索引长度限制原理实际场景示例二、五大解决

Springboot如何正确使用AOP问题

《Springboot如何正确使用AOP问题》:本文主要介绍Springboot如何正确使用AOP问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录​一、AOP概念二、切点表达式​execution表达式案例三、AOP通知四、springboot中使用AOP导出

Mysql常见的SQL语句格式及实用技巧

《Mysql常见的SQL语句格式及实用技巧》本文系统梳理MySQL常见SQL语句格式,涵盖数据库与表的创建、删除、修改、查询操作,以及记录增删改查和多表关联等高级查询,同时提供索引优化、事务处理、临时... 目录一、常用语法汇总二、示例1.数据库操作2.表操作3.记录操作 4.高级查询三、实用技巧一、常用语

Python中Tensorflow无法调用GPU问题的解决方法

《Python中Tensorflow无法调用GPU问题的解决方法》文章详解如何解决TensorFlow在Windows无法识别GPU的问题,需降级至2.10版本,安装匹配CUDA11.2和cuDNN... 当用以下代码查看GPU数量时,gpuspython返回的是一个空列表,说明tensorflow没有找到