成都网站建设设计

将想法与焦点和您一起共享

vscode配置vue下的es6规范自动格式化详解-创新互联

前言

成都创新互联是一家专注于成都网站设计、网站制作与策划设计,右江网站建设哪家好?成都创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:右江等地区。右江做网站价格咨询:028-86922220

最近在写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规范自动格式化详解-创新互联
URL网址:http://chengdu.cdxwcx.cn/article/jgpeh.html