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


Posted in Javascript onMarch 20, 2019

前言

最近在写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"

保存然后重启,解决

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用jQuery异步加载 JavaScript脚本解决方案
Apr 20 Javascript
JavaScript判断变量是对象还是数组的方法
Aug 28 Javascript
JavaScript中的数据类型转换方法小结
Oct 26 Javascript
AngularJs 弹出模态框(model)
Apr 07 Javascript
jQuery插件ajaxfileupload.js实现上传文件
Oct 23 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
JS简单实现数组去重的方法示例
Mar 27 Javascript
bootstrap table实现单击单元格可编辑功能
Mar 28 Javascript
vue.extend实现alert模态框弹窗组件
Apr 28 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
Sep 16 Javascript
微信小程序mpvue点击按钮获取button值的方法
May 29 Javascript
Vue实现数据请求拦截
Oct 23 Javascript
利用Promise自定义一个GET请求的函数示例代码
Mar 20 #Javascript
详解VS Code使用之Vue工程配置format代码格式化
Mar 20 #Javascript
vue使用Proxy实现双向绑定的方法示例
Mar 20 #Javascript
vue实现可视化可拖放的自定义表单的示例代码
Mar 20 #Javascript
详解JavaScript作用域和作用域链
Mar 19 #Javascript
vue双向绑定及观察者模式详解
Mar 19 #Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
Mar 19 #Javascript
You might like
浅谈php7的重大新特性
2015/10/23 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
php7安装yar扩展的方法详解
2017/08/03 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
Exitjs获取DataView中图片文件名
2009/11/26 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
js如何获取file控件的完整路径具体实现代码
2013/05/15 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
js模糊查询实例分享
2016/12/26 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
2018/09/12 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
2018/09/28 Javascript
每周一练 之 数据结构与算法(Stack)
2019/04/16 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
2019/09/17 Javascript
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4
2017/04/03 DOTA
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
python使用matplotlib绘图时图例显示问题的解决
2017/04/27 Python
python实现mysql的读写分离及负载均衡
2018/02/04 Python
python中返回矩阵的行列方法
2018/04/04 Python
Python基于百度云文字识别API
2018/12/13 Python
Python高级property属性用法实例分析
2019/11/19 Python
Python Django路径配置实现过程解析
2020/11/05 Python
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
Ralph Lauren意大利官方网站:时尚界最负盛名的品牌之一
2018/10/18 全球购物
捷克购买家具网站:JENA nábytek
2020/03/19 全球购物
西班牙Polo衫品牌:Polo Club
2020/08/09 全球购物
中学生寄语大全
2014/04/03 职场文书
蓝颜请假条
2014/04/11 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书
学校财务管理制度
2015/08/04 职场文书
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS
Golang使用Panic与Recover进行错误捕获
2022/03/22 Golang
SpringBoot整合Minio文件存储
2022/04/03 Java/Android