欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vscode vue 格式化 末尾逗号去除

程序员文章站 2022-03-17 08:49:37
...

vscode vue项目格式化

vue项目格式化,可以安装vetur插件。
vscode vue 格式化 末尾逗号去除

然后写配置文件,配置文件打开步骤。

  1. ctrl键+逗号键 ;
  2. 点击这个图标,

vscode vue 格式化 末尾逗号去除

插件完成之后,配置文件,如下

{
  //配置vscode 的终端为 git,路径是自己的安装路径可以自己找下;
  "terminal.integrated.shell.windows": "C:\\Users\\wb_chenzj\\AppData\\Local\\Programs\\Git\\bin\\bash.exe",
  // tab 大小为2个空格
  "editor.tabSize": 2,
  //禁止保存的时候格式化
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  //函数名称前 加一个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  //格式化插件配置,设置为vetur
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // #vue组件中html代码格式化样式
      "wrap_attributes": "force-aligned", //也可以设置为“auto”,效果会不一样
      "wrap_line_length": 200,
      "end_with_newline": false,
      "semi": true,
      "singleQuote": true
    },
    "prettier": {
      //设置分号
      "semi": true,
      //双引号变成单引号
      "singleQuote": true,
      //禁止随时添加逗号,这个很重要。找了好久
      "trailingComma": "none"
    }
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  }
}

其中最难找的一个就是,设置vscode,末尾添加逗号
其实是禁止随时添加逗号,但是自己就是格式化的时候,只看到末尾的逗号添加了。导致 百度的时候,问题的关键词错了,一直搜索不到自己想要的结果。今天记录下,避免大家之后踩坑。