vue vscode eslint format 配置

墨蓝 2022-12-13 12:48 185阅读 0赞

# vue vscode eslint format 配置 #

解决自动格式化时单引号变双引号问题

如果vscode单独安装了 prettier ，建议卸载掉

"vetur.format.defaultFormatterOptions": { 
        "prettyhtml": { 
          "printWidth": 100,
          "wrapAttributes": true,
          "sortAttributes": false
        },
        "prettier": { 
          "singleQuote": true,
          "semi": true,
          "TabSize": 2
        }
      },
      "editor.defaultFormatter": "vscode.emmet",
      "vetur.format.defaultFormatter.html": "prettyhtml",
      "vetur.format.defaultFormatter.js": "vscode-typescript",
      "[html]": { 
        "editor.defaultFormatter": "vscode.html-language-features"
      },
      "[scss]": { 
        "editor.defaultFormatter": "esbenp.prettier-vscode"
      },
      "[javascriptreact]": { 
        "editor.defaultFormatter": "vscode.typescript-language-features"
      },
      "[typescript]": { 
        "editor.defaultFormatter": "esbenp.prettier-vscode"
      },
      "[jsonc]": { 
        "editor.defaultFormatter": "esbenp.prettier-vscode"
      },
      "vetur.useWorkspaceDependencies": true,
      "eslint.run": "onSave",
      "eslint.alwaysShowStatus": true,
      "eslint.codeActionsOnSave.mode": "problems",
      "eslint.format.enable": true,
      "eslint.lintTask.enable": true,
      "html.format.wrapLineLength": 100,
      "editor.minimap.maxColumn": 0,
      "editor.tabSize": 2,
      "prettier.packageManager": "yarn",
      "prettier.singleQuote": true,
      "prettier.insertPragma": false,
      "prettier.useEditorConfig": false

发表评论取消回复

表情：

评论列表（有 0 条评论，185人围观）

还没有评论，来说两句吧...

相关阅读

相关 vscode配置vue

在Visual Studio Code (VSCode) 中配置 Vue.js 开发环境需要一些设置和安装扩展，以确保你能够高效地编写和调试Vue.js应用程序。以下是一些常见

浅浅的花香味﹌/ 2024年03月02日 10:04/ 0 赞/ 44 阅读

相关 vscode设置eslint语法

\{ // “workbench.colorTheme”: “Material Theme”, “search.followSymlinks”: false, “e

淩亂°似流年/ 2023年07月03日 06:25/ 0 赞/ 2 阅读

相关【VUE】vue-cli3配置eslint

[https://www.cnblogs.com/superlizhao/p/10956054.html][https_www.cnblogs.com_superlizhao_

雨点打透心脏的1/2处/ 2023年01月06日 11:43/ 0 赞/ 138 阅读

相关 vue vscode eslint format 配置

vue vscode eslint format 配置解决自动格式化时单引号变双引号问题如果vscode单独安装了 prettier ，建议卸载掉 "ve

墨蓝/ 2022年12月13日 12:48/ 0 赞/ 186 阅读

相关 vsCode配置ESlint自动格式化、修复代码

1.使用vscode安装 eslint + vuter + prettier自动格式化代码配置; 2.文件—首选项—设置—用户设置>搜索"settings" 找到并点击“在

梦里梦外;/ 2022年11月11日 05:22/ 0 赞/ 709 阅读

相关 vscode 按照eslint配置格式化

1.插件市场安装Eslint插件 2.插件市场安装 Prettier-ESLint 插件 3.右键 -> 格式化文档的方式 -> 选择配置默认格式化程序 -> 选择 P

谁践踏了优雅/ 2022年10月16日 08:43/ 0 赞/ 269 阅读

相关 vscode安装和配置ESLint

文档 [ESLint中文网][ESLint] 实操我的项目是由vue-cli3的脚手架搭建的，在搭建的时候选择的是[ESLint + Prettier][ESL

墨蓝/ 2022年01月31日 13:13/ 0 赞/ 736 阅读

相关 vscode 中 eslint 相关配置

1、设置vue等文件有eslint提示 "eslint.validate": [ "javascript", "jav

旧城等待，/ 2021年11月23日 03:32/ 0 赞/ 363 阅读

相关 vscode + eslint + prettier 格式化Vue代码

项目背景 : vue-cli 先安装好这三个插件,然后根据配置清单按需配置 ESlint：javascript代码检测工具，可以配置每次保存时格式化js，但每次保存只格式

àì夳堔傛蜴生んèń/ 2021年09月19日 08:18/ 0 赞/ 513 阅读

相关 VSCODE根据eslint配置进行格式化代码

大家好，我是H5女王，最近因为vscode默认格式化代码被小小的折腾了一下。那现在教大家一个让vscode可以根据eslint的配置格式化代码的方法。这是之前版本的vsco

女爷i/ 2021年09月16日 08:28/ 0 赞/ 639 阅读