关于visocode 自动保存时自动添加分号问题

先下载插件： 　Vetur

打开设置的配置文件，写入一下代码：

{
  //主题
  "editor.fontSize": 16,
  //是否需要颜色选择器
  "editor.colorDecorators": false,
  // //是否需要保存时自动格式化
  "editor.formatOnSave": true,
  //一个tab建等于的空格数
  "editor.tabSize": 2,
  // //自动换行
  "editor.wordWrap": "on",
  //窗口缩放级别
  "window.zoomLevel": 0,
  //文件保存时是否需要在文件末尾添加一个最终空行
  "files.insertFinalNewline": true,
  "files.trimTrailingWhitespace": true,
  //默认格式化程序设置
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  //使js 文件保存是不自动添加分号
  "prettier.singleQuote": true,
  "prettier.semi": false,
  //使vue 文件自动保存时不自动添加分号
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  },
  "explorer.confirmDelete": false
}

　　

　　如果还是没有效果就在 vue 根目录下建这样一个.prettierrc 文件，并设置以下代码：

{
  "singleQuote": true,
  "semi": false
}

　　至此 大功告成