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

9次阅读

共计 697 个字符,预计需要花费 2 分钟才能阅读完成。

前言
最近在写 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”
保存然后重启,解决

正文完
 0