一、安装插件： Pretty Formatter Windows上的Visual Studio代码 - Shift+ Alt+F二、关闭文件自动化保存菜单文件 → 首选项 → 工作区设置{ // Controls if the editor should automatically format the line after typing"beautify.onSave": true,"editor.formatOnSave": true,// You can auto format any files based on the file extensions type."beautify.JSfiles": ["js","json","jsbeautifyrc","jshintrc","ts"]
}
原文：...
今天前端大佬让我按照前端开发规范格式写代码，强调了js中声明的变量要用单引号去写，之前都是用双引号写的，虽然不影响使用，但是还是重新规范一下吧。于是我就进行了傻瓜式操作，Ctrl C/ Ctrl V，然后我想格式化一下代码就进行了shift+Alt+F,，结果辛辛苦苦改的单引号又变成了双引号，比较气愤、、、，于是就查了一下解决办法。首先在根目录下创建.prettierrc.json文件 文件中写： { "singleQuote": ...
在vscode的settings.json中添加："prettier.singleQuote": true,"prettier.semi": false,不管别人有没有用，lz没用切实有效："vetur.format.defaultFormatterOptions": {"prettier": {"semi": false, // 格式化不加分号"singleQuote": true // 格式化以单引号为主}
},
//分号和双引号确实不会再自动添加了，但是不会在方法括号之间插入空格，可以再加入这条配置即可
"javascript.format.in...
我喜欢使用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项目
右键选...
