vscode 格式化介绍
在vscode编辑代码时,可以使用快捷键 Shift + Alt + F
对代码快速格式化。
可以安装 prettier eslint 等插件设置格式化配置。
- Prettier 支持格式化 html js css vue scss typescript等类型的代码,它仅关注格式,不会校验ESLint
- 它不能格式化eslint的某些规范,例如:
space-before-function-paren
(函数名称或function关键字与开始参数之间允许有空格)。
- 它不能格式化eslint的某些规范,例如:
- ESLint 它的格式化是通过fix实现的,仅支持格式化JS代码(其实是修复)
- 可以对JS使用ESLint格式化,解决
space-before-function-paren
问题
- 可以对JS使用ESLint格式化,解决
- 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