vscode配置vue下的es6规范自动格式化详解
2019-04-24 18:02
1386 查看
前言
最近在写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"
保存然后重启,解决
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 详解VS Code使用之Vue工程配置format代码格式化
- 转!!Java代码规范、格式化和checkstyle检查配置文档
- Vue+webpack项目配置便于维护的目录结构教程详解
- Yii2语言国际化自动配置详解
- 基于vue中css预加载使用sass的配置方式详解
- Linux下Tomcat catalina.out自动归档,以及logrotate 配置详解
- Java代码规范、格式化和checkstyle检查配置文档,eclipse 配置模板
- 详解vue-cli官方脚手架配置
- DB2数据库自动备份详解--(DB2 任务中心进行配置)
- hibernate.hbm2ddl.auto(自动创建表结构)配置详解
- Spring Boot自动配置详解
- 详解vue-cli构建项目反向代理配置
- 详解基于vue-cli配置移动端自适应
- Ubuntu - 硬盘分区、格式化、自动挂载配置
- hibernate.cfg.xml配置详解 以及 显示并格式化SQL语句
- Vue—九天磨一剑之es6模块规范,webpack,vue-cli脚手架的使用
- vue-cli配置文件详解
- Linux 硬盘分区、格式化、自动挂载配置
- 详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
- SpringBoot基础教程2-1-5 日志规范-logback配置详解