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 相关文章推荐
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
Jul 08 Javascript
firefox下input type="file"的size是多大
Oct 24 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
Apr 18 Javascript
JavaScript实现LI列表数据绑定的方法
Aug 04 Javascript
简单理解js的prototype属性及使用
Dec 07 Javascript
详解JS去重及字符串奇数位小写转大写
Dec 29 Javascript
微信小程序 扎金花简单实例
Feb 21 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
详解webpack loader和plugin编写
Oct 12 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
解决vue v-for src 图片路径问题 404
Nov 12 Javascript
webpack打包html里面img后src为“[object Module]”问题
Dec 22 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
一个程序下载的管理程序(一)
2006/10/09 PHP
php 分库分表hash算法
2009/11/12 PHP
php通过COM类调用组件的实现代码
2012/01/11 PHP
php+iframe实现隐藏无刷新上传文件
2012/02/10 PHP
再谈PHP中单双引号的区别详解
2016/06/12 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
2006/12/23 Javascript
使用js获取QueryString的方法小结
2010/02/28 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
javascript排序函数实现数字排序
2015/06/26 Javascript
JS实现多物体运动的方法详解
2018/01/23 Javascript
elementui的默认样式修改方法
2018/02/23 Javascript
微信小程序页面缩放式侧滑效果的实现代码
2018/11/15 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
2018/11/20 Javascript
vue+node实现图片上传及预览的示例方法
2018/11/22 Javascript
Vue代码整洁之去重方法整理
2019/08/06 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
2020/07/18 Javascript
vue3.0实现插件封装
2020/12/14 Vue.js
python自动化测试之setUp与tearDown实例
2014/09/28 Python
Python httplib模块使用实例
2015/04/11 Python
Python实现简单拆分PDF文件的方法
2015/07/30 Python
Python基础教程之正则表达式基本语法以及re模块
2016/03/25 Python
python numpy和list查询其中某个数的个数及定位方法
2018/06/27 Python
python获取栅格点和面值的实现
2020/03/10 Python
Python ConfigParser模块的使用示例
2020/10/12 Python
python爬虫看看虎牙女主播中谁最“顶”步骤详解
2020/12/01 Python
递归实现回文判断(如:abcdedbca就是回文,判断一个面试者对递归理解的简单程序)
2013/04/28 面试题
学生抄袭作业的检讨书
2014/10/02 职场文书
稽核岗位职责
2015/02/10 职场文书
反邪教观后感
2015/06/11 职场文书
幼儿园小班教师随笔
2015/08/14 职场文书
导游词之白茶谷九龙峡
2019/10/23 职场文书
JavaScript中关于预编译、作用域链和闭包的理解
2021/03/31 Javascript
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers
利用Nginx代理如何解决前端跨域问题详析
2021/04/02 Servers