vscode安装vetur 插件后格式化报错问题解决

最新推荐文章于 2024-03-22 10:06:18 发布
最新推荐文章于 2024-03-22 10:06:18 发布
阅读量3k 收藏 1
点赞数
分类专栏： 前端学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41629800/article/details/104942277
版权

vscode安装vetur 插件后出现
【js代码单引号变成双引号，句尾加上分号】的格式错误 如图所示
在这里插入图片描述
在settings.json 中添加以下代码解决问题

    "vetur.format.defaultFormatterOptions": {

        "prettier": {
            "semi": false,
            "singleQuote": true
        }

    },

之后发现【 js 括号前没有空格】的问题，settings.json添加以下代码解决问题

    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
Light.T
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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
vsCode的vetur插件离线安装包（内网可用）
07-01
vsCode的vetur插件离线安装包（内网可用） octref.vetur-0.34.1.vsix 直接下载可用 使用方法：点击vscode的扩展--》点击右上角的三个点--》点击install from VSIX--》选中你需要安装的离线安装包
解决vscode 中保存后html自动格式化的问题
12-28
最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。 众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么的，如果不换行就比较难看，所以我的日常做法是每个属性单独一行，就像这样： <nz nzPageIndex]=2 nzTotal]=500 ></nz-pagination
vscode 使用Prettier插件格式化配置使用代码详解
11-19
参考 使用ESLint+Prettier来统一前端代码风格 vscode 配置vue+vetur+eslint+prettier自动格式化功能 问题描述 最近用Nodejs + express 写了一个zip文件上传的功能，代码给了别人看，各种吐槽，代码不规范，没有按照eslint，编辑器打开就是各种红色提醒，当然还有其他许多… 第一反应就是反感，后面冷静一想，还是自己做事的态度有问题，做完了功能已经完成了95%，为什么不到最后一步一键格式化，做到百分百呢？反思中 为了让以后代码美观，不让别人吐槽，自己整理了vscode + prettier 1.使用vscode 安装 prett
解决viscode开发者工具 Vetur插件报没有默认导出的错误
最新发布
m0_63339516的博客
03-22 194
当前页面引入模块化页面,报没有默认导出,报红色波浪线,但是页面正常使用打开viscode开发者工具,
vscode 配置 vetur + eslint
在所不辞的博客
10-28 1万+
我们都知道，使用 vue 打开代码检查后，常常会报一大堆错误，接下来我们使用 vscode 配置插件，使得可以保存之后自动格式化，并且解决报错。 安装插件 vetur eslint 安装插件的办法就不赘述了，vscode中搜索关键词直接 install即可。 配置 在安装好的插件右下角点击⚙️齿轮打开配置页面： 选择在 settings.json中编辑： 粘贴如下配置即可： "vetu...
vscode中，vue/cli 3.x 设置代码自动格式化时的缩进问题
u010622367的博客
03-24 2697
当我们在vscode中对vue-cli脚手架进行代码规范设置时，有时候会遇到代码缩进的问题，我们可能会根据个人习惯来设置tabSize,一般是2或者4吧。 当在setting.json里添加 "editor.tabSize": 4, "editor.formatOnSave": true, "editor.detectIndentation": false,//关掉编辑器根据文件类型进行的...
VSCode Vetur版本0.31.0报错且不能格式化Vue文件
fyydashen的博客
12-09 3538
今天下午在写代码的时候，VSCode编译器右下角突然报错，报错内容如下： Vetur find `tsconfig.json`/`jsconfig.json`, but they aren't in the project root. 而且不能进行格式化vue文件操作了，我这人有强迫症，找到是Vetur插件在一个小时前更新造成的结果，我采用的是版本回退的方法解决的这个问题。 在Vetur插件进行鼠标右键，选择==>安装另一个版本。 选择之前的版本，然后重启VSCode编译器。我选择的是0
vscode打开.vue文件时报错误，插件vetur的问题
weixin_44482737的博客
07-29 4383
vscode打开.vue文件时报错误，插件vetur的问题
VS Code报错：应为表达式 ts1109
weixin_41988337的博客
03-02 6021
VS Code报错：应为表达式 ts(1109) 项目场景：VS Code报错：应为表达式 ts(1109) 问题描述： 在ts中使用安全链式?.时 报错应为表达式 ts(1109)。 原因分析： vscode自身语法检查有问题 解决方案： 在设置里面加上 "javascript.validate.enable": false 禁用默认的 js 验证，之后可用第三方工具比如 eslint 或者 tslint 来进行静态检查。 1.点击左下角的设置 2.搜索javascript，点击typescript 3.
Expression expected.Vetur(1109) 报错
qq_44158369的博客
05-26 5982
这里发现报错，关闭vscode重启也还是有问题。 后面发现其实是typescript定义类型的语法，是因为我将代码写在<script></script>里面，使用ts语法需要表明lang="ts"即将代码写在<script lang="ts"></script>将不会报错 ...
vscode vetur 离线安装包
02-06
vscode vetur安装包离线安装包： octref.vetur-0.23.0.vsix dbaeumer.vscode-eslint-2.0.15.vsix HookyQR.beautify-1.5.0.vsix ms-vscode.sublime-keybindings-4.0.6 OBKoro1.korofileheader-4.5.2.vsix ...
Vue保存时使用Vetur自动格式化代码错误
weixin_51799004的博客
05-30 761
在VScode中的setting.js文件中的vetur.format.defaultFormatterOptions中添加规则。一、在prettier中添加配置项semi、singleQuote、trailingComma。单引号变成双引号，末尾添加了分号，最后一个属性添加了逗号，缩进2个空格变为4个空格。保存时自动格式化代码之后不符合eslint规范。二、设置vetur中tab size为2。
vscode 保存vue 格式化 ESLint 检查报错问题解决
梁海江的博客
11-16 4330
1. 问题描述 在用vue 写项目的时候，照例开启了ESLint 语法检查，但是发现在使用 vscode 格式化格式化保存后各种报错，单双引号，函数空格各种问题。因为 vscode 它自身的那个格式化插件是不匹配 ESLint 的。所以需要修改一些配置达到配置的效果。这里有两种途径进行修改。 2. 解决方法一 既然vsdoe格式化不与ESlint匹配，那么我们就对vscode的规则进行修改。在当前工程下创建文件.prettierrc,并修改相关配置项，这里我们只对单双引号和分号做修改。 { "sem
前段开发工具VS code 安装Vetur插件后会报错，检测语法template
zyx的博客
04-26 2293
转载于：weixin_40551482 https://blog.csdn.net/weixin_40551482/article/details/83045854
vsCode保存自动格式化vue文件时，正在保存“index.vue”: 从 “‘Vetur‘, ‘ESLint‘“ (configure)获取代码操作
weixin_45817240的博客
02-21 1497
正在保存“index.vue”: 从 "'Vetur', 'ESLint'" (configure)获取代码操作
vsCode安装vetur之后不生效以及解决方法
热门推荐
weixin_44220680的博客
08-20 2万+
打开文件——首选项——设置——最下面的vetur，进入到 settings.json文件编辑之中，将以下代码复制进去： { // 强制单引号 "prettier.singleQuote": true, // 尽可能控制尾随逗号的打印 "prettier.trailingComma": "all", // 开启 eslint 支持 "prettier.eslintIntegration"...
解决vue3使用别名报错问题(vetur 插件报错问题)
m0_55986526的博客
01-10 4782
解决vue3使用别名报错问题(vetur 插件报错问题)
vscode vetur sass格式化
09-08
VSCode Vetúr 是一个用于开发 Vue.js 的插件，它支持对 Vue 文件中的 Sass 代码进行格式化。Sass 是一种功能强大的 CSS 预处理器，它提供了许多便利功能和扩展，如变量、嵌套规则和混合等。 要在 VSCode 中使用 Vetúr 格式化 Sass 代码，首先需要确保已安装并启用了 Vetúr 插件。可以通过在插件市场搜索 "Vetúr" 并进行安装来完成这个步骤。 安装完成后，可以在 VSCode 中打开一个 Vue 文件，其中包含 Sass 代码。打开文件后，可以按下快捷键 "Shift + Alt + F"（Windows）或 "Shift + Option + F"（Mac）来格式化整个文件。 Vetúr 将会自动对 Sass 代码进行格式化，包括缩进、空格、换行等。它可以识别嵌套规则并对其进行适当的缩进，也可以处理 Sass 变量和混合等特性。 如果有特定的 Sass 格式化需求，可以在 VSCode 的设置中找到 Vetúr 的配置选项。可以在 VSCode 的 "文件" 菜单中选择 "首选项"，然后选择 "设置" 来打开设置界面。在搜索栏中输入 "Vetúr"，就可以找到相关的配置选项。可以根据个人偏好和需求进行自定义调整，例如修改缩进大小、启用或禁用某些功能等。 总而言之，VSCode Vetúr 插件能够很方便地对 Vue 文件中的 Sass 代码进行格式化。只需简单的安装，并按下快捷键即可使 Sass 代码更加整洁和易读。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值