使用vscode格式化文档无效(vue代码格式化文档无效)

这篇具有很好参考价值的文章主要介绍了使用vscode格式化文档无效(vue代码格式化文档无效)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题:最近在写代码的时候,vscode使用格式化文档不管用。

vscode格式化文档失效,vscode,前端开发,vue.js,vscode,前端,vue.js

原因:单页面使用大量element组件和html代码导致,vscode识别不了。

解决方案:

1、打开设置,点击右侧的图标打开settings.json文件,在文件中注入代码。

settings.json文件位置,vscode左下角:

vscode格式化文档失效,vscode,前端开发,vue.js,vscode,前端,vue.js

 设置页面右上角:

vscode格式化文档失效,vscode,前端开发,vue.js,vscode,前端,vue.js

 在settings.json文件中注入代码:

    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatter.html": "js-beautify-html"

2、代码放在这里,完美解决。文章来源地址https://www.toymoban.com/news/detail-596531.html

    "path-autocomplete.extensionOnImport": true,//导入文件时是否携带文件的拓展名
    "path-autocomplete.pathMappings": {//配置@的路径提示
        "@": "${folder}/src"
    },
    "explorer.confirmDelete": false,
    "editor.fontSize": 20,
    // 放在这里,解决格式化代码不管用
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatter.html": "js-beautify-html",

到了这里,关于使用vscode格式化文档无效(vue代码格式化文档无效)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • vscode 格式化代码

    在 Visual Studio Code 中,你可以使用以下步骤来格式化代码: 打开你的代码文件。 选择你要格式化的代码部分或按  Ctrl+A  来全选。 按下  Shift+Alt+F ,这会触发 \\\"格式化文档\\\" 的命令。 如果你的键盘布局没有 \\\"Alt\\\" 键,或者你的快捷键与其他系统不同,你可能需要自定义或查阅

    2024年01月18日
    浏览(57)
  • VsCode 格式化代码风格

           最近在用vscode写代码,由于 代码在服务器上 ,所以我是 通过remote-ssh 插件 远程 到linux的虚拟机上。之前用的是vscode 1.67的版本,后面升级到了vscode最新的 1.85版本,发现格式化代码不起作用了。后来研究了一下。        首先格式化代码是通过 clang-format这个工具进行

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

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

    2024年02月06日
    浏览(76)
  • vue3 codemirror关于 sql 和 json格式化的使用以及深入了解codemirror 使用json格式化提示错误的关键代码。包含了json格式化没有效果和json格式化提示错误

    后端返回一个json字符串,里面有value1、value2指定字段渲染sql语句,其他渲染json语句。 jsonlint 和 jsonlint-mod 的区别 简单理解:jsonlint校验json格式化是否有效,jsonlint-mod用来格式化后同时校验json格式化是否有效。 (1)JSONLint是一种可以验证JSON格式是否有效的工具。 它可以检查

    2024年04月28日
    浏览(77)
  • vscode 2023格式化vue文件设置

    2024年02月10日
    浏览(56)
  • vscode-vue项目格式化

    Prettier Vetur

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

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

    2024年02月06日
    浏览(52)
  • VSCode代码格式化自动换行问题

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

    2024年02月16日
    浏览(51)
  • vscode中如何实现保存自动格式化代码

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

    2024年02月07日
    浏览(59)
  • vscode调教配置:快捷修复和格式化代码

    配置vscode快捷键,让你像使用idea一样使用vscode,我们最常用的两个功能就是格式化代码和快捷修复,所以这里修改一下快捷修复和格式化代码的快捷键。 在设置中,找到快捷键配置: 然后搜索:快捷修复 在快捷键绑定的地方,双击一下,然后输入你的快捷键,就可以了  

    2024年02月10日
    浏览(49)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包