vscode的vetur文档格式化失效

已于 2024-02-04 12:42:54 修改
阅读量1k 收藏 5
点赞数 12
分类专栏： 报错 文章标签： vscode javascript vue.js
于 2024-02-04 12:42:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mmj_mmj/article/details/136023958
版权

如果vscode安装了vetur插件之后，shift+Alt+F又无法格式化vue文件代码。

解决办法：打开文件 ---> 首选项 ---> 设置，搜索 vetur.format.defaultFormatter.html后将prettier替换勾选为js-beautify-html

注：设置下划线了并可以在上面写字（毕设论文）：

先用空格键决定你想设置下划线的区域，然后按住鼠标左键选中该区域，ctrl+u就可以设置下划线了并可以在上面写字。

檀玥
关注
  • 12
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode ssh链接失效处理
07-26
vscode ssh
Vscode Vetur格式化失败的原因是package.json，添加了prettier依赖
qq_38408390的博客
01-25 1172
{ "name": "vue-no-ts", "version": "1.0.4", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { }, "devDependencies": { "prett.
vscode vue代码格式化无效详细解决方案
seimeii的博客
04-21 6827
1、右键格式化不管用，按快捷键也不行。 解决方案 第一步：点击设置 第二步：点击右侧的图标会打开settings.json文件 "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautify-html" 第三步：完整代码 { "vetur.validation.template": false, "explorer.conf
VScode 结局插件prettier和vetur格式化冲突(1)，2024年最新web开发学习教程
最新发布
m0_61067876的博客
04-15 713
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。技术要深入到什么程度？做久了技术总要转型管理？我能做什么，我想做什么？一技之长，就是深耕你的专业技能，你的专业技术。（重点）独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）拥有事业，选择一份使命，带领团队实现它。（创业）一技之长分五个层次栈内技术 - 是指你的前端专业领域技术栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识。
Vue：VSCode中Vue代码的格式化问题解决（Code formatter）
热门推荐
灿灿大王搭建的黄金屋
05-29 4万+
VSCode自从更新之后，vue文件的html代码格式化就失效了，而且vue文件中的js ,css格式化样式都变了，原因在于都采用了prettier 来格式化，而配置文件中vetur.format.defaultFormatter.html 这个配置项的值为"none"，我们需要对它重新进行设置。 步骤一： 首先确保你安装了vetur扩展插件。如下图，扩展里直接搜索vetur，安装下图的V...
解决VSCode保存代码自动格式化无效
qq_25741071的博客
06-28 1万+
！！！重点：如果保存依然没有反应，或者想自己选择插件进行格式化，可以把（上图）标红两段代码删掉，然后在需要格式化的任意一个页面Shift+Alt+F。（注意：如果删除了vue的代码需要在vue页面，删除javascript的代码需要在js页面），然后会弹出（下图），点击配置，选择想设置的插件就行了， 我这里vue文件选的vetur，js文件用的prettier。...
MySQL中有哪些情况下数据库索引会失效详析
09-09
主要给大家介绍了关于MySQL中有哪些情况下数据库索引会失效的相关资料，文中通过图文介绍的非常详细，对大家学习或者使用mysql具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vscode使用格式化文档无效（vue代码格式化文档无效）
weixin_65793170的博客
04-11 7457
最近在写代码的时候，vscode使用格式化文档不管用，原因竟是单页面使用大量element组件和html代码导致，vscode识别不了。
使用最新 Vue 脚手架搭建的项目，VSCode 保存自动格式化功能失效问题处理
tanqin的博客
04-13 2055
当我们使用最新 Vue 脚手架搭建的项目，ESLint、保存自动格式化也都开启了，但是我们修改项目中。等文件时，并没有自动帮我们格式化，而需要运行。没有自动格式化是由于。命令才会格式化文件。
vscode 无法格式化python代码、无法格式化C++代码（vscode格式化失效）另一种解决办法：用外部工具yapf格式化（yapf工具）（autopep8）
Dontla的博客
07-15 6623
神马情况，我的vscode死活不能格式化python代码，还有C++代码也不能格式化，json代码都能格式化，为啥到python、C++就不行了。实际使用时可选择只格式化单个文件，格式化某个目录，或者递归格式化某个目录下所有文件。只能用外部工具解决了，就是麻烦点。搞了个外部工具yapf来格式化python代码。（格式化python代码）（格式化json代码）
vscode prettier eslint 插件格式化不生效的问题
花开富贵的博客
12-27 1402
这么奇葩个问题居然没人遇到过，vscode插件下边这个，突然失效。
Prettier + Vetur 进行Vue2项目代码格式化
huangpb的博客
08-01 1万+
Prettier 是一个代码格式化工具，它可以支持 js/jsx/ts/flow/json/css/less/scss 等文件格式。 为什么要使用 Prettier？ 用来替代 lint 中的一些场景，比如说分号/tab缩进/空格/引号，这些在lint工具检查出问题之后还需要手动修改，而通常这样的错误都是空格或者符号之类的，这样相对来说不太优雅，利用格式化工具自动生成省时省力。 VSCode...........................
vscode使用官方C/C++插件无法进行代码格式化问题
12-20
官方的C/C++插件是支持使用.clang-format配置文件进行自定义风格代码格式化的，无需另外安装clang-format插件。 但是使用clang-format -style=llvm -dump-config > .clang-format导出的默认配置文件进行格式化的时候会有一些小问题。如图 根据输出窗口的提示，是第94行出现了无法识别的key： 将.clang-format中第93~96行的代码加上注释就解决了： 至于为啥，笔者估计是官方插件还不支持RawStringFormats，那有小朋友问这个东西是什么呢，请看clang官方文档： Clang 11 documenta
Win2003 IIS6 使用.net framework 4.0 后默认文档失效解决方案
09-30
主要介绍了Win2003 IIS6 使用.net framework 4.0 后默认文档失效解决方案,需要的朋友可以参考下
详解使用php-cs-fixer格式化代码
12-16
1. 安装 $ cd /usr/local/bin ...2. 配置到PhpStorm ps:使用php-cs-fixer格式...在这里，推荐一个代码格式化工具php-cs-fixer，可以一键把代码格式化为PSR-2的标准。如果以下安装链接失效请查看https://github.com/Frie
springboot2.0 配置时间格式化不生效问题的解决
09-07
主要介绍了springboot2.0 配置时间格式化不生效问题的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
【问题解决】VSCode ESLint 保存格式化时不生效
我要手撕源码的博客
04-11 3176
问题描述 VSCode 中安装了 Prettier 和 ESLint 插件，在项目中使用了 .eslintrc.js 文件规范项目代码。 但是保存代码时格式化并不是按该文件的配置而是按 Prettier 的配置 问题解决 修改 Settings.json 文件 win：ctrl + shift + p mac：command + shift + p { // ... // 注意这个是 false，很大原因都是因为这个 "editor.formatOnSave": false, "editor
VS Code插件Prettier - Code formatter格式化无效解决
qq_38188228的博客
06-28 1万+
在Vue代码格式插件文章配置好json文件后，保存后代码还是为进行自动格式化。可以在此的基础上添加代码。 1、进入设置面板 2、点击按钮打开json文件 3、复制以下代码追加粘贴 "typescript.preferences.quoteStyle": "single", "editor.tabSize": 2, "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
vscode中用快捷键 Alt + Shift + F 格式化代码不生效的问题
lucky7cookie的博客
01-09 1万+
vscode中用快捷键 Alt + Shift + F 格式化代码不生效（文件中 script脚本部分的代码没有格式化）的问题 在 vscode 中书写代码，有时候缩进格式不一致，代码没有对齐，看起来既不美观，又影响排查错误，按快捷键 Alt + Shift + F 格式化代码时不生效，甚至提示 “HTML” 文件有多个格式化程序。选择默认格式化程序以继续，如下图中所示： 解决方法： 检查是否安装了 Beautify 插件，如果没有安装，先按照以下步骤安装 2. 安装好了以后，打开 vscode 的
eslint vscode 自动格式化 失效怎么处理
03-28
以下是可能的解决方案： 1. 确认安装了 `eslint` 和 `prettier` 插件，并在项目根目录下安装了相应的依赖。 2. 检查项目根目录下是否存在 `.eslintrc` 或 `.eslintignore` 文件，如果存在则检查其中的配置是否正确。 3. 在 VS Code 中按下 `Ctrl + Shift + P` 或 `Cmd + Shift + P` 打开命令面板，输入 `Format Document With...` 并选择 `ESLint` 或 `Prettier`。 4. 如果以上方法都无效，可以尝试在 VS Code 中打开终端，进入项目根目录并运行 `npm run lint` 或 `npm run format` 命令，查看是否能够正常运行。如果无法正常运行，则可能需要重新安装依赖或检查配置文件。 5. 如果还是无法解决问题，可以尝试在 VS Code 中禁用所有其他插件，重新启动编辑器并重试。如果此时能够正常运行，则可能是其他插件与 `eslint` 或 `prettier` 发生了冲突。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值