vscode配置vue下的es6规范自动格式化详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vscode配置vue下的es6规范自动格式化详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1076字，纯文字阅读大概需要2分钟。

内容图文

前言

最近在写Vue的时候，遇见了js es6格式化问题，因为我平时用vscode在写php，所以会安装一些格式化插件，也包括html-css-js的插件

导致的问题：由于vue语法规范问题，导致保存自动格式化成不被使用的代码格式，出现代码错误等异常

写这篇的时候，我也查阅了很多资料有很多的资料不能被使用，也换过很多的编辑器如：Atom,sublime,webstorm

否掉的编辑器

Atom

这一款编辑器真心颜值高，但是插件是真心不好弄，各种被墙，各种的不适应，所以我决定还是弃掉

sublime

同上，以前sublime没发现墙，但是现在好像有墙了，所以懒得折腾，弃掉

webstorm

webstorm 的强大不做解释，但是就是太大，太慢，界面不喜欢是最终理由，弃掉

MAC配置下vscode自动格式化vue

相关插件：ESLint,JavaScript(ES6),vetur

先安装相关插件。打开settings.json，在代码块里面添加

 "eslint.validate": [
  "javascript",
  "javascriptreact",
  {
   "language": "html",
   "autoFix": true
  },
  {
   "language": "vue",
   "autoFix": true
  }
 ],
 "eslint.autoFixOnSave": true,
 "explorer.confirmDragAndDrop": false,
 "editor.detectIndentation": false,
 "editor.tabSize": 2,
 "vetur.format.defaultFormatter.js": "none"

保存然后重启，解决

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

内容总结

以上是互联网集市为您收集整理的vscode配置vue下的es6规范自动格式化详解全部内容，希望文章能够帮你解决vscode配置vue下的es6规范自动格式化详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---