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"

保存然后重启,解决

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

相关文章

  • vue3+vite3+typescript实现验证码功能及表单验证效果

    vue3+vite3+typescript实现验证码功能及表单验证效果

    这篇文章主要介绍了vue3+vite3+typescript实现验证码功能及表单验证效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • vue实现图片拖拽及鼠标滚轮放大缩小的示例代码

    vue实现图片拖拽及鼠标滚轮放大缩小的示例代码

    本文主要给大家介绍如何vue实现图片拖拽及鼠标滚轮放大缩小,文中有详细的代码供大家参考,对我们的学习或工作有一定的帮助,需要的朋友可以参考下
    2023-08-08
  • 一文搞懂Vue3中toRef和toRefs函数的使用

    一文搞懂Vue3中toRef和toRefs函数的使用

    这篇文章主要为大家介绍了Vue3中toRef和toRefs函数的使用方法,文中通过示例为大家进行了详细的讲解,感兴趣的小伙伴可以跟随小编一起学习一下
    2022-07-07
  • 详解如何在vue中封装axios请求并集中管理

    详解如何在vue中封装axios请求并集中管理

    这篇文章主要为大家详细介绍了如何在vue中封装axios请求并集中管理,w文中的示例代码讲解详细,具有一定的参考价值,有需要的小伙伴可以了解下
    2023-10-10
  • vue3实现多条件搜索功能的示例代码

    vue3实现多条件搜索功能的示例代码

    搜索功能在后台管理页面中非常常见,这篇文章就着重讲一下vue3-admin-element框架中如何实现一个顶部多条件搜索功能,感兴趣的小伙伴可以了解一下
    2023-08-08
  • vscode中开发运行uniapp项目详细步骤

    vscode中开发运行uniapp项目详细步骤

    VSCode作为一个非常强大的代码编辑器,可以集成众多的插件和工具来优化开发效率,这篇文章主要给大家介绍了关于vscode中开发运行uniapp项目的详细步骤,需要的朋友可以参考下
    2023-07-07
  • Vue Element前端应用开发之功能点管理及权限控制

    Vue Element前端应用开发之功能点管理及权限控制

    在一个业务管理系统中,如果我们需要实现权限控制功能,我们需要定义好对应的权限功能点,然后在界面中对界面元素的功能点进行绑定,这样就可以在后台动态分配权限进行动态控制了,权限功能点是针对角色进行控制的,也就是简称RBAC(Role Based Access Control)。
    2021-05-05
  • vue中的事件加判断条件如何进行选择性点击

    vue中的事件加判断条件如何进行选择性点击

    这篇文章主要介绍了vue中的事件加判断条件如何进行选择性点击方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • 在nuxt使用vueX代替storage的实现方案

    在nuxt使用vueX代替storage的实现方案

    这篇文章主要介绍了在nuxt使用vueX代替storage的实现方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • Vue项目数据动态过滤实践及实现思路

    Vue项目数据动态过滤实践及实现思路

    这篇文章主要介绍了Vue项目数据动态过滤实践,,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-09-09

最新评论