vscode配置vue下的es6规范自动格式化详解
前言
最近在写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"
保存然后重启,解决
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
vue3实现封装时间计算-日期倒计时组件-还有XX天&第XX天
这篇文章主要介绍了vue3实现封装时间计算-日期倒计时组件-还有XX天&第XX天,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
最新评论