vscode+prettier 设置保存自动格式化

前提

确保创建项目的时候选择了ESLint

第一步安装 prettier插件

插件搜索 prettier 安装

第二步 配置 .prettierrc

在根目录下创建 .prettierrc 文件 填写以下信息 必须在根目录下才可以

第一个是结束是否尾随分号
第二个是双引号转单引号
第三个是 多行中是否在最后一行添加逗号 none 不添加

{
    "semi": false, 
    "singleQuote": true,
    "trailingComma": "none"    
}

第三步打开设置 配置自动保存格式化

输入save 勾选

第五步 确认保存自动格式化是否可用

将文件格式打乱 按ctrl+S 保存文件 如果没有生效 可能是格式化插件冲突

按shift+alt+f 手动格式化 会出现选择格式化插件 选择 其中一个即可

右键 使用..格式化文档 选择prettier