您现在的位置是:首页 > 前端学习 > 解决vs code中js文件 格式化时会自动加分号和双引号问题

解决vs code中js文件 格式化时会自动加分号和双引号问题

王递杰 2021年7月12日 前端学习

问题:

在vue开发中,.vue文件保存自动格式化的时候没有问题,也不报语法错误。但是.js文件保存自动格式化的时候,会自动把单引号变成双引号,末尾加分号

  // #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // #这个按用户自身习惯选择
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #让vue中的js按"prettier"格式进行格式化
  "vetur.format.defaultFormatter.js": "vscode-typescript", //"prettier",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // #vue组件中html代码格式化样式
      //[auto|force|force-aligned|force-expand-multiline]
      "wrap_attributes": "force-aligned", //也可以设置为“auto”,效果会不一样 force-aligned
      "wrap_line_length": 200,
      "end_with_newline": false,
      "semi": false,
      "singleQuote": true
    },
    "prettier": {
      "semi": false, //末尾设置分号
      "singleQuote": true, // 双引号变成单引号
      //禁止随时添加逗号,这个很重要。找了好久
      "trailingComma": "none"
    }
  },

网上查了很多也没有找到问题,最后发现是下面设置的问题

  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode" 
  }

因为最初用的是prettier进行的格式化,后来改成了vscode-typescript,导致下面的[javascript]没有改,因此改成vscode.typescript-language-features就好了

  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  }


相关博客

评论

评论插件