vs code 设置保存自动格式化vue代码

妖狐艹你老母 2023-08-17 17:33 137阅读 0赞

### 配置 ESLint （需安装 Prettier - Code formatter 插件） ###

command + shift + p  打开用户设置

// vscode默认启用了根据文件类型自动设置tabsize的选项
      "editor.detectIndentation": false,
      // 重新设定tabsize
      "editor.tabSize": 2,
      // #每次保存的时候自动格式化
      "editor.formatOnSave": true,
      // #每次保存的时候将代码按eslint格式进行修复
      "eslint.autoFixOnSave": true,
      // 添加 vue 支持
      "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
          "language": "vue",
          "autoFix": true
        }
      ],
      //  #让prettier使用eslint的代码格式进行校验
      "prettier.eslintIntegration": true,
      //  #去掉代码结尾的分号
      "prettier.semi": false,
      //  #使用带引号替代双引号
      "prettier.singleQuote": true,
      //  #让函数(名)和后面的括号之间加个空格
      "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
      // #这个按用户自身习惯选择
      "vetur.format.defaultFormatter.html": "js-beautify-html",
      // #让vue中的js按编辑器自带的ts格式进行格式化
      "vetur.format.defaultFormatter.js": "vscode-typescript",
      "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
          "wrap_attributes": "force-aligned"
          // #vue组件中html代码格式化样式
        }
      }

转载于:https://www.cnblogs.com/sweetsunnyflower/p/11541019.html

发表评论取消回复

表情：

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

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

相关阅读

相关 VS Code 代码快速格式化快捷键

S Code可以通过以下快捷键格式化代码： * windows：Shift + Alt + F * Mac：Shift + Option + F * Ubu...

「爱情、让人受尽委屈。」/ 2024年04月18日 16:26/ 0 赞/ 84 阅读

相关 vscode保存代码，自动按照eslint规范格式化代码设置

[https://www.haorooms.com/post/vscode\_eslint][https_www.haorooms.com_post_vscode_esl...

ゝ一纸荒年。/ 2024年04月17日 05:23/ 0 赞/ 82 阅读

相关 VS Code 自动保存

使用命令面板 1. 使用 `Ctrl+Shift+P` 打开命令面板，用 `F1` 打开也可以； 2. 输入 `TAS` 选择下图所示内容，并回车选择。

╰+攻爆jí腚メ/ 2023年10月18日 22:51/ 0 赞/ 120 阅读

相关 vs code 设置保存自动格式化vue代码

配置 ESLint （需安装 Prettier - Code formatter 插件） command + shift + p 打开用户设置 // v

妖狐艹你老母/ 2023年08月17日 17:33/ 0 赞/ 138 阅读

相关 VS Code设置linux风格代码格式化

vs code跨平台表现很好，有时候在linux下也会使用vs code查看代码，代码格式化是我必须使用的一个功能，写多了linux的代码也就看习惯了linux的格式，也一直在

ゝ一纸荒年。/ 2022年12月27日 07:14/ 0 赞/ 592 阅读

相关 VS Code Prettier 格式化Vue代码及遇到问题

prettier是一个专业代码格式化工具，支持JS、TS、sass、less、HTML、java、yaml、md、swift等等，主流的语言大多都支持。提供了VS、VSC 、V

超、凢脫俗/ 2022年12月07日 15:27/ 0 赞/ 963 阅读

相关 vscode保存自动格式化代码

1. 打开vscode --> 设置 --> setting.json 在setting.json中添加以下三行代码： "editor.formatO

女爷i/ 2022年11月18日 01:52/ 0 赞/ 299 阅读

相关 Eclipse保存时自动格式化代码

使用Eclipse很长时间了，但是Eclipse有好多快捷好用的功能没有使用，现在在广州做项目，好多东西之前只是听过或者是简单的用，只是用到了皮毛，从身边人身上

ゝ一纸荒年。/ 2022年07月19日 02:53/ 0 赞/ 343 阅读

相关 Visual Studio Code 取消保存时自动格式化

最近在开发H5项目时，使用了Visual Studio Code，这个编辑器是属于轻量级的！由于是第一次使用，所以也存在很多问题！当使用这个编辑器时，默认是不会保存的，

﹏ヽ暗。殇╰゛Y/ 2022年06月10日 03:24/ 0 赞/ 785 阅读

相关 vs code 代码格式化整理

vs code格式化代码的快捷键如下：[（来源于这里）][Link 1] On Windows Shift + Alt + F On Mac Shift + Op

末蓝、/ 2022年05月24日 06:47/ 0 赞/ 270 阅读