vscode——Prettier插件保存自动格式化

2024-08-15 15:29:37 浏览数 (3)

前言

这个主要接上文的给项目配置prettier,eslint,husky加强协作规范

内容

把以下内容直接复制到settings.json下即可,详细的可以看下面的步骤;

代码语言:javascript复制
"prettier.prettierPath": "./node_modules/prettier",
"prettier.requireConfig": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"files.autoSave": "onFocusChange",
"editor.formatOnSave": true,

安装插件

访问Prettier - Code formatter: Visual Studio Code Market Place: Prettier - Code formatter下载插件;

配置插件

!> 配置prettier路径, 不配置会报错导致无法格式化代码;

如果配置了多种代码格式化工具,请指定默认格式化工具为prettier-vscode;

如果没有配置文件默认会以vscode中配置来进行代码格式化;

代码语言:javascript复制
"prettier.prettierPath": "./node_modules/prettier",
"prettier.requireConfig": true,

配置默认格式化工具

代码语言:javascript复制
"editor.defaultFormatter": "esbenp.prettier-vscode",

配置自动保存

代码语言:javascript复制
"files.autoSave": "onFocusChange",

配置保存自动格式化

代码语言:javascript复制
"editor.formatOnSave": true,

0 人点赞