首页 > 其他分享 >使用VSCode代码格式化时, Vetur 与 ESLint 的冲突如何解决?

使用VSCode代码格式化时, Vetur 与 ESLint 的冲突如何解决?

时间:2023-03-02 12:01:40浏览次数:42  
标签:格式化 VSCode 代码 vetur editor ESLint Vetur

前几天VSCode 写代码没有提示功能了,试了各种方法都没解决,无奈只能卸载重新下载了新的VSCode工具,下载下来后发现确实可以再次提示了,写代码的感觉又回来了,但是又出现了新问题,使用 Vetur 格式化代码时,你可能会发现 Vetur 格式化代码的规则与 ESLint 冲突,具体表现为结尾逗号,结尾分号,函数后无空格,因为是很早之前配置过,有些忘了怎么配置了,无奈只能依托度娘。最终在网上找到解决方案,记录下来,方面后面回忆,比较基础的东西,但是希望能帮助的各位需要帮助的兄弟姐妹们

具体流程如下:

  Code=》首选项=》设置  在搜索栏输入 setting  ,输入下方代码,保存即可。

       { "[vue]": { "editor.defaultFormatter": "octref.vetur" }, "[javascript]": { "editor.defaultFormatter": "octref.vetur" }, // 注意:加了下面的设置后,在函数前加空格的的配置才生效 "vetur.format.defaultFormatter.js": "vscode-typescript", // 在函数名称前加一个空格 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 保存时自动格式化代码 "editor.formatOnSave": true, // 保存时自动修复 eslint 报错 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "settingsSync.ignoredSettings": [   ] }

标签:格式化,VSCode,代码,vetur,editor,ESLint,Vetur
From: https://www.cnblogs.com/FZP5/p/17171319.html

相关文章

  • VSCode最新版本下载安装详细教程(win10)
    ​  VSCode是Microsoft发布的一款运行于多个操作系统,针对于编写现代Web和云应用的跨平台的源代码编辑器, 可在桌面上运。它具有对JavaScript,TypeScript和Node.js的内置......
  • vscode 配置typescript开发
    今天介绍如何用vscode开发typescript程序,开始前我们需要一点小小的配置:下载vscode,这个就不用说了,下面直接给出链接地址:vscode下载安装node.js.安装typescriptnod......
  • vscode 中前端代码不能通过ctrl+鼠标左键点击跳转
    1.ctrl+p查找jsconfig.json文件。如果没有,就在根目录下新建jsconfig.json2.若已经有文件,如下图新增paths 若没有,复制下面内容到jsconfig.json{"compilerOpti......
  • VSCode通过snippet generator生成自定义代码片段
    在线地址:https://snippet-generator.app/ 在VSCode左下角设置中找到“用户代码片段”进行添加  删除代码片段文件创建后会一直保存在本地电脑中,无法直接在VSCod......
  • VScode+Markdown+PicGo
    在Vscode上写Markdown代码,并且用PicGo上传图片。以下内容有Markdown插件OfficeViewer,所见即所得。注意此插件的编辑模式下不能使用PicGo扩展,只有VS的普......
  • 第二节:代码片段的制作(以VSCode、HbuilderX为例)
    一. VSCode片段       二.HbuilderX片段       三.其它        !作       者:Yaopengfei(姚鹏飞)博......
  • 使用vscode编辑markdown
    目录markdown在vscode中的使用标题一级标题二级标题三级标题四级标题五级标题六级标题列表图片表格网址代码文本样式引用目录vscode中使用的插件推荐截图工具推荐markdown......
  • vscode
    title:VScode相关comments:truecategories:技术点教学tags:-vscode-开发工具类excerpt:vscode的快捷键、插件和一些配置和知识toc:truedate:2023-1-17......
  • vscode跟踪vue代码方法
    首先安装插件同时打开上面的右边的齿轮图标,就是打开文件launch.json{//UseIntelliSensetolearnaboutpossibleattributes.//Hovertoviewdescriptionsof......
  • 【转载】vsCode JS代码格式化插件ESlint
    验证有效,Ctrl+S保存代码全格式化了。写这个主要是个人笔记,算不得重复造。转载自:https://blog.csdn.net/qq_34803821/article/details/849727811、安装插件VSCode中打开......