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.validate使用攻略 第三部
Jul 01 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
jQuery增加、删除及修改select option的方法
Aug 19 Javascript
jquery点击切换背景色的简单实例
Aug 25 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
May 17 Javascript
微信小程序使用swiper组件实现类3D轮播图
Aug 29 Javascript
JS数组求和的常用方法实例小结
Jan 07 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
vue项目中使用scss的方法步骤
May 16 Javascript
Vue父组件如何获取子组件中的变量
Jul 24 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
世界上第一台立体声收音机
2021/03/01 无线电
绿山咖啡和蓝山咖啡
2021/03/04 新手入门
一个PHP的String类代码
2010/04/20 PHP
php数组的概述及分类与声明代码演示
2013/02/26 PHP
php二维码生成
2015/10/19 PHP
PHP实现适用于文件内容操作的分页类
2016/06/15 PHP
Yii2中cookie用法示例分析
2016/07/18 PHP
PHP实现的同步推荐操作API接口案例分析
2016/11/30 PHP
基于Laravel5.4实现多字段登录功能方法示例
2017/08/11 PHP
用js实现的检测浏览器和系统的函数
2009/04/09 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
jQuery控制frames及frame页面JS的方法
2016/03/08 Javascript
JSON与XML的区别对比及案例应用
2016/11/11 Javascript
JS实现倒计时(天数、时、分、秒)
2016/11/16 Javascript
Vue过滤器的用法和自定义过滤器使用
2017/02/08 Javascript
js eval函数使用,js对象和字符串互转实例
2017/03/06 Javascript
js 实现复选框只能选择一项的示例代码
2018/01/23 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
numpy的文件存储.npy .npz 文件详解
2018/07/09 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
Django Rest framework频率原理与限制
2019/07/26 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
Python可变对象与不可变对象原理解析
2020/02/25 Python
Python调用飞书发送消息的示例
2020/11/10 Python
利用css3 translate完美实现表头固定效果
2017/02/28 HTML / CSS
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
Html5元素及基本语法详解
2016/08/02 HTML / CSS
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
上海中网科技笔试题
2012/02/19 面试题
服务生自我鉴定
2014/01/22 职场文书
大学生活动总结怎么写
2014/04/29 职场文书
2015年农村党员干部主题教育活动总结
2015/03/25 职场文书
青少年法制教育心得体会
2016/01/14 职场文书
详解Go语言Slice作为函数参数的使用
2021/07/02 Golang