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

 更新时间:2019年03月20日 15:00:20   作者:李益达  
这篇文章主要介绍了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"

保存然后重启,解决

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

相关文章

  • vue.js初学入门教程(2)

    vue.js初学入门教程(2)

    这篇文章主要为大家详细介绍了vue.js初学入门教程第二篇,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • vue2 前端搜索实现示例

    vue2 前端搜索实现示例

    本篇文章主要介绍了vue2 前端搜索实现示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-02-02
  • Vuex中的Mutations的具体使用方法

    Vuex中的Mutations的具体使用方法

    这篇文章主要介绍了Vuex中的Mutations的具体使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • Vue文件配置全局变量的实例

    Vue文件配置全局变量的实例

    今天小编就为大家分享一篇Vue文件配置全局变量的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • 基于vue.js中关于下拉框的值默认及绑定问题

    基于vue.js中关于下拉框的值默认及绑定问题

    今天小编就为大家分享一篇基于vue.js中关于下拉框的值默认及绑定问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • vue-cli3脚手架安装方法

    vue-cli3脚手架安装方法

    这篇文章主要介绍了vue-cli3脚手架安装方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • Vue实现远程获取路由与页面刷新导致404错误的解决

    Vue实现远程获取路由与页面刷新导致404错误的解决

    这篇文章主要介绍了Vue实现远程获取路由与页面刷新导致404错误的解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • vue-路由精讲 二级路由和三级路由的作用

    vue-路由精讲 二级路由和三级路由的作用

    这篇文章主要介绍了vue-路由精讲 二级路由和三级路由的作用,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • vue3实现封装时间计算-日期倒计时组件-还有XX天&第XX天

    vue3实现封装时间计算-日期倒计时组件-还有XX天&第XX天

    这篇文章主要介绍了vue3实现封装时间计算-日期倒计时组件-还有XX天&第XX天,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue3中项目优化方法详解(Web Worker的使用)

    vue3中项目优化方法详解(Web Worker的使用)

    最近在做vue3的项目中,遇到了计算量庞大导致页面响应缓慢的问题,所以下面这篇文章主要给大家介绍了关于vue3中项目优化方法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-07-07

最新评论