我喜欢使用ESLint来保持我的代码的规范性，但是最近遇到问题：就是ctrl+s后变得如下： 我已经解决了：发现原来是编辑器本身的格式化和插件带的格式化起冲突，因为我把两者同时启用：FormatOnSave，因此代码被格式化2遍，如何解决？1. VSCode左下角齿轮，设置，搜索：formatOnSave，如下，把勾去掉！ 2.确保ESLint的save auto format打开 完美解决！原文：https://www.cnblogs.com/ww01/p/10756027.html
在VSCode中配置Eslint 格式化时使代码保持Eslint语法规范安装Eslint以及prettier美化插件在VSCode配置设置项中添加如下代码{"workbench.colorTheme": "Material Theme","search.followSymlinks": false,"editor.fontSize": 18,"workbench.iconTheme": "material-icon-theme","workbench.editor.enablePreview": false,"window.zoomLevel": 0,"extensions.autoUpdate": false,"prettier.singleQuote": true,"prettier.semi": false,...
{"editor.formatOnPaste": false,"editor.formatOnType": true,"editor.formatOnSave": true,"files.autoSave": "onFocusChange","tslint.autoFixOnSave": true,"tslint.ignoreDefinitionFiles": true,"tslint.exclude": "**/node_modules/**/*,**/.history/**","css.validate": false,"less.validate": false,"scss.validate": false,"typescript.tsdk": "node_modules\\typescript\\lib","files.exclude": {"**/*.less.d.ts": tr...
{"vetur.format.defaultFormatter.js": "vscode-typescript","vetur.format.defaultFormatter.ts": "vscode-typescript","vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.defaultFormatter.css": "prettier"
}原文：https://www.cnblogs.com/xiaoyucoding/p/11748138.html
ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。
背景：近来研究前端，然后一直在百度上找VScode格式化（ESlint）的插件，结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件，所以自己东拼西凑加实践找到解决方法。
解决方案：1、安装插件1）ESlint：javascript代码检测工具，可以配置每次保存时格式化js，但每次保存只格式化一点点，你得连续按住Ctrl+S好几次,才格式化好，自...
前言最近在写Vue的时候，遇见了js es6格式化问题，因为我平时用vscode在写php，所以会安装一些格式化插件，也包括html-css-js的插件
导致的问题：由于vue语法规范问题，导致保存自动格式化成不被使用的代码格式，出现代码错误等异常
写这篇的时候，我也查阅了很多资料有很多的资料不能被使用，也换过很多的编辑器如：Atom,sublime,webstorm
否掉的编辑器Atom这一款编辑器真心颜值高，但是插件是真心不好弄，各种被墙，各种的不适应...
我相信基本上每一个在vscode上面码Vue代码的都会下载Vetur插件用来格式化等操作，今天Vetur更新了 0.14.2 版本，最近在使用的时候，感觉格式化总是出问题，去Vetur上面看了下，发现Vetur的配置做了下面的改动，看到几个社区都没有人说明，我就先说下，默认的格式化配置是：
{"vetur.format.defaultFormatter.html": "prettyhtml","vetur.format.defaultFormatter.css": "prettier","vetur.format.defaultFormatter.postcss": "pret...
编辑器另外一个很重要的功能就是代码格式化了，VS Code默认提供常见文件的格式化，如.js,.html等。
添加对.vue文件的格式化支持
这里我们添加对 .vue 文件的格式化支持。 1. 安装 Vetur 插件
2. 在 VS Code 的设置中添加如下规则：
{"vetur.format.defaultFormatter": {"html": "prettier","css": "prettier","postcss": "prettier","scss": "prettier","less": "prettier","js": "prettier","ts": "prettier","stylus": "stylus-...
正文
今天同事说我的代码的格式不对，其实就是几个空格忘了空4格了，但是代码可运行。
那么如何帮我们检测呢?
pip install yapf然后打开setting:
输入:ython.formatting.provider然后选择我们安装的yapf就可以了。
#自动格式化在设置中选择默认为下面这个，安装vscode的tslint和prettier插件，然后创建.prettierrc文件并配置，vscode设置选择保存时自动格式化。{"semi": false,"singleQuote": true,"arrowParens": "always","trailingComma": "all"
}
在VS Code中使用vetur插件和prettier对代码格式化，之前可以正常工作突然就不好用了，上网找了半天，最后在vs code的OUTPUT面板中看到了格式化报错，原来是代码中的问题引起的。
今天在学习的过程中遇到一个头疼的问题，react引入antd组件时代码被格式化的混乱，所以上网查了一些方法，并在此总结一下。
插件选择
这里我们使用prettier，如果安装过其它格式化插件建议卸载，个人感觉一个就够用了，好多插件会弄的有点混乱配置设置
在设置中随便选一个对settings.json进行编辑加入如下代码
"editor.formatOnSave": true,
"editor.formatOnType": true,
"editor.formatOnPaste": true,返回我们的react项目
右键选...
首先需要装一些vscode插件
eslint、Vetur、Prettier Now
在左下角设置界面，打开设置，修改配置文件 settings.json
{"workbench.colorTheme": "One Monokai","editor.fontSize": 14,"workbench.editor.enablePreview": true, //预览模式关闭"editor.formatOnSave": true, // #每次保存的时候自动格式化// 自动修复"editor.codeActionsOnSave": {"source.fixAll.eslint": true,},"eslint.enable": true, //是否开启vscode的eslint//...
自用vscode+prettier+vetur格式化配置 本人这里的配置是根据已有项目的代码风格配置的，特点是： template模板属性不换行， js代码格式化符合 eslint 格式化要求{// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #每次保存的时候自动格式化"editor.formatOnSave": false,// #每次保存的时"editor.codeActionsOnSave": {},// #让函数(名)和后面...
