vscode保存格式化自动去掉分号、逗号、双引号

这篇具有很好参考价值的文章主要介绍了vscode保存格式化自动去掉分号、逗号、双引号。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

之前每次写完代码都是双引号还有分号,看着很难受,就像修改一下,让它变成单引号,并且不加上引号:如下形式,看着简洁清晰明了

vscode保存格式化自动去掉分号、逗号、双引号,HTML前端,软件工具,vscode,ide,编辑器

修改方式:更改 settings.json 文件
快捷键“Ctrl + Shift + P”打开命令面板

加上这几个配置:vscode保存格式化自动去掉分号、逗号、双引号,HTML前端,软件工具,vscode,ide,编辑器

贴上我的完整配置:

{
    "editor.fontSize": 18,
    "editor.linkedEditing": true,
    "editor.unicodeHighlight.ambiguousCharacters": false,
    "extensions.ignoreRecommendations": true,
    "editor.unicodeHighlight.invisibleCharacters": false,
    "explorer.confirmDragAndDrop": false,
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "css.hover.references": false,
    "editor.hover.enabled": false,
    "html.hover.references": false,
    "prettier.useEditorConfig": true,
    "prettier.jsxSingleQuote": true,
    "prettier.singleQuote": true,
    "prettier.trailingComma": "none",
    "prettier.semi": false,
    "explorer.confirmDelete": false,
    "security.workspace.trust.untrustedFiles": "open",
    "cssrem.rootFontSize": 80,
    "liveServer.settings.donotShowInfoMsg": true,
    "terminal.integrated.fontSize": 13,
    "liveServer.settings.donotVerifyTags": true,
    "vetur.validation.template": false,
    "vetur.validation.script": false,
    "eslint.enable": false,
    "gitlens.advanced.messages": {
        "suppressLineUncommittedWarning": true
    },
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "workbench.iconTheme": "vscode-icons",
    "workbench.colorTheme": "One Dark Pro Flat",
    "terminal.external.osxExec": "iTerm.app",
    "workbench.startupEditor": "none",
    "path-intellisense.mappings": {
        "@": "${workspaceRoot}/src"
    },
    "vsicons.dontShowNewVersionMessage": true,
    "emmet.triggerExpansionOnTab": true,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}

 文章来源地址https://www.toymoban.com/news/detail-700468.html

到了这里,关于vscode保存格式化自动去掉分号、逗号、双引号的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vscode中如何实现保存自动格式化代码

    两种方法: 1.配置settings.json 文件 第一步,点击 文件 首选项 设置   进入setting.json编辑页面,将下方设置项粘贴到大括号中: \\\"editor.formatOnType\\\": true, \\\"editor.formatOnSave\\\": true, 一定记得前边加个逗号  2.直接在设置中配置一个选项即可      

    2024年02月07日
    浏览(34)
  • 【vscode 格式化】prettier 格式化之后添加逗号,与eslint冲突

    最近格式化文件的时候老是添加逗号,保存的时候会eslint在格式化一遍,将逗号删掉;就感觉不是很舒服; 有两种方法, 一、配置 .prettierrc 文件; 文件配置,可直接用,配合eslint使用足够了 JSON文件是不支持备注的,cv过去时要删掉注释 2.就是在设置的搜索框中输入“vet

    2024年02月12日
    浏览(56)
  • vscode设置vetur格式化代码(双引号变单引号 去除分号等)前端小白教程

    安装prettier 第一步设置 vetur  点击设置  搜索vetur  找到formatter js 选择prettier ⚠️这一步很重要 如果不是prettier 下面你设置也会没效果  找到设置settings.json的地方  找到    根据需要设置 再点击使用..格式化文档 选择  这个时候我们就可以 格式化的时候直接将双引号变成单

    2024年02月12日
    浏览(35)
  • 解决方案:VSCode中配置自动格式化实现Ctrl+S自动格式化代码

    一致的代码风格不仅仅有助于提高可读性,还可以减少错误和漏洞的产生。在编码中,在VSCode中配置Prettier插件并实现使用Ctrl+S自动格式化代码,其可以: 根据事先定义的规则自动调整代码的缩进、换行、空格等格式,从而让所有开发人员的代码风格保持一致 。这有助于提高

    2024年02月06日
    浏览(41)
  • VS Code保存后自动格式化Vue代码---Vetur

    在VS Code里面编辑Vue代码,通常我们会安装插件Vetur,本次介绍的格式化代码也依赖于Vetur插件。具体见一下步骤 注: VS Code版本为1.74.3 1. 安装插件Vetur 2. 配置自动格式化,具体路径【文件】-【首选项】-【设置】,打开设置(json) 3. 将以下内容复制到settings.json 完成以上配置

    2024年02月15日
    浏览(37)
  • vscode格式化代码禁止自动换行

    问题产生 代码格式化的功能由插件提供,比如veture,默认的配置超过很短的长度就回换行。 所以需要修改配置。 打开 文件 - 首选项 - 设置,然后点击右上角的图标。进入settings.json文件。 搜狗截图20220421170631.png 在这里面写配置。 问题解决 1.使用Prettier - Code formatter来格式化

    2024年02月06日
    浏览(34)
  • VSCode设置eslint自动缩进和自动格式化代码

    (1)点击左下角齿轮图标并选择设置: (2)在文本编辑器中找到 settings.json settings.json的初始内容:

    2023年04月08日
    浏览(58)
  • VSCode代码格式化自动换行问题

    VSCode设置了保存自动格式化时,代码超过一定长度后会自动换行,我想禁止自动换行,找了很多方法都没有效果。 后来经过了长时间的寻找,终于找到了相应的解决方法,分为两个,如果其中一个不行,可以尝试另外一个。 第一种方法: 打开VSCode,然后在编辑器的顶部菜单

    2024年02月16日
    浏览(35)
  • VSCode中设置Python语言自动格式化的方案

    目录 安装Python扩展 安装PEP8 安装Flake8 修改配置 开启Flake8 效果 格式化代码 批量处理历史代码 保存时自动格式化 定制策略 在VSCode的扩展(Externsions)中使用下面命令检索Python扩展 @category:debuggers Python  打开一个Python文件,可以在VSCode的右下角看到运行环境。   安装完需要重

    2024年02月03日
    浏览(30)
  • vscode自动格式化插件配置说明(Prettier - Code formatter)

    1、在应用商店搜索Prettier并下载 2、下载完成之后点击扩展设置  3、点击右上角json配置文件  4、在文件中添加如下代码 5、如果需要格式化vue文件,建议配合ESLint、Vetur两个插件一起使用  一款好用的eslint自动修复插件:eslint-config

    2024年02月12日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包