vscode 文档格式化配置

vscode 格式化介绍

在vscode编辑代码时，可以使用快捷键 Shift + Alt + F 对代码快速格式化。

可以安装 prettier eslint 等插件设置格式化配置。

• Prettier 支持格式化 html js css vue scss typescript等类型的代码，它仅关注格式，不会校验ESLint
  • 它不能格式化eslint的某些规范，例如：space-before-function-paren （函数名称或function关键字与开始参数之间允许有空格）。
• ESLint 它的格式化是通过fix实现的，仅支持格式化JS代码（其实是修复）
  • 可以对JS使用ESLint格式化，解决space-before-function-paren 问题
• vetur 格式化 html 标准js 标准css，以及vue文件，但不会校验 ESLint
  • 例如会给js加上分号

Prettier 安装后会默认启用。使用 Shift + Alt + F 格式化的配置就是它。

ESLint 需要手动开启，Ctrl+, 打开设置，开启：

Ctrl + k Ctrl + S设置ESLint fix 快捷键：

为JS文件设置格式化配置：
打开一个js文件，右键打开文档格式设置方式

然后使用快捷键格式化（修复）JS代码即可。

它们优先遵循项目中配置文件中的规则。

PS：

• 配置完不生效，可能需要重载vscode， 快捷键 F1 显示命令，搜索 reload，选择开发人员：重新加载窗口
• prettier 有时只认 .prettierrc