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

思索

发布于 2024-08-15 15:29:37

4.6K0

前言

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

内容

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

"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中配置来进行代码格式化;

"prettier.prettierPath": "./node_modules/prettier",
"prettier.requireConfig": true,

配置默认格式化工具

"editor.defaultFormatter": "esbenp.prettier-vscode",

配置自动保存

"files.autoSave": "onFocusChange",

配置保存自动格式化

"editor.formatOnSave": true,

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-09-06，如有侵权请联系 cloudcommunity@tencent.com 删除

工具

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

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

前言

内容

安装插件

配置插件

配置默认格式化工具

配置自动保存

配置保存自动格式化

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐