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"
保存然后重启，解决
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍详解VSCode配置启动Vue项目，包括了详解VSCode配置启动Vue项目的使用技巧和注意事项，需要的朋友参考一下 下载安装并配置VSCode 随便百度上搜个最新的VSCode安装好后，点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展，这里要安装两个插件。 1、vetur插件的安装 该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行，装好
-
本文向大家介绍自己的vscode-settings.json配置详解，包括了自己的vscode-settings.json配置详解的使用技巧和注意事项，需要的朋友参考一下 vscode从插件库里安装eslint和prettier 实现自动格式化 第二版本 第一项 VS code编辑使用eslint的规则去格式化代码 VS code还可以指定ESLint的格式文件 第二项 使用 Prettier -
-
本文向大家介绍vue-cli在 history模式下的配置详解，包括了vue-cli在 history模式下的配置详解的使用技巧和注意事项，需要的朋友参考一下 背景：自己搭了vue测试项目，使用的是history模式，放在后台，一开始进入项目没什么问，但是再一刷新页面就404了，what?当时的比较懵逼，为啥呢？因为之前写过项目上线过是好用的啊，这个项目按照那个写的啊，但是解压项目zip文件之后发
-
公司及产品名称 我们的公司及产品名称是「DaoCloud」。注意这是两个单词的合成词，所以中间沒有空格（参考：GitHub）。如作为 URL 的一部分，应该使用全小写的「daocloud」。 文案风格 一定多检查，确保没有错别字。 即使是流行语中的谐音错别字也不要使用，比如「墙裂」、「童鞋」等。 我们崇尚精练的文风。请在检查中把对表达意思没有明显作用的字、词、句删除，在不影响表达效果的前提下把文案
-
自动格式化 控制台允许您自动格式化复杂的请求。为此，请将光标置于您想格式化的请求上，并从操作菜单中选择自动缩进： 图 6. 自动缩进一个请求 控制台将调整请求的 JSON 体，调整之后的请求如下所示： 图 7. 格式化的请求 如果在已完全格式化的请求上选择自动缩进，控制台将把每个文档的请求体折叠到一行，这在使用 Elasticsearch 的批量 API 的时候会非常方便。 图 8. 每个文档一行
-
本文向大家介绍详解VS Code使用之Vue工程配置format代码格式化，包括了详解VS Code使用之Vue工程配置format代码格式化的使用技巧和注意事项，需要的朋友参考一下 编辑器另外一个很重要的功能就是代码格式化了，VS Code默认提供常见文件的格式化，如.js,.html等。 添加对.vue文件的格式化支持 这里我们添加对 .vue 文件的格式化支持。 1. 安装 Vetur 插件