微信开发者工具如何进行格式化，1分钟带你安装Prettier并了解其配置

一、安装Prettier

1.点击界面中的扩展

2.输入框内搜索Prettier 并安装

二、配置Prettier  Settings

1.打开Prettier settings

（1）点击扩展

（2）点击Prettier插件

（3）点击设置

（4）点击Extension Settings

（5）在settings.json 中编辑

 

2.配置Prettier settings

(1) 提示：这里可以直接复制up主的配置，并且在这基础上修改

{
  // 编辑器字体设置：使用系统默认字体栈，确保在不同操作系统上都有良好显示
  "editor.fontFamily": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\"",
  
  // 字体大小为16像素
  "editor.fontSize": 16,
  
  // 行高为24像素，提高代码可读性
  "editor.lineHeight": 24,
  
  // 关闭自动保存功能，需手动保存文件
  "files.autoSave": "off",
  
  // 开启代码自动换行
  "editor.wordWrap": "on",
  
  // 关闭编辑器右侧的迷你地图
  "editor.minimap.enabled": false,
  
  // 使用空格代替Tab键缩进
  "editor.insertSpaces": true,
  
  // 每个缩进级别使用2个空格
  "editor.tabSize": 2,
  
  // 启用编辑器预览模式（点击文件时在临时选项卡中打开）
  "workbench.editor.enablePreview": true,
  
  // 启用从快速打开面板打开文件时的预览模式
  "workbench.editor.enablePreviewFromQuickOpen": true,
  
  // 启用Git自动拉取更新
  "git.autofetch": true,
  
  // 保存文件时自动格式化代码
  "editor.formatOnSave": true,
  
  // Prettier配置：单行最大字符数为120
  "prettier.printWidth": 120,
  
  // Prettier缩进空格数为2
  "prettier.tabWidth": 2,
  
  // Prettier不使用Tab缩进
  "prettier.useTabs": false,
  
  // Prettier不使用尾随逗号
  "prettier.trailingComma": "none",
  
  // Prettier箭头函数参数尽量省略括号
  "prettier.arrowParens": "avoid",
  
  // Prettier使用单引号代替双引号
  "prettier.singleQuote": true,
  
  // Prettier不使用分号结尾
  "prettier.semi": false,
  
  // JavaScript文件配置：保存时自动格式化，使用Prettier作为默认格式化工具
  "[javascript]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  
  // JSON文件配置：保存时自动格式化，使用Prettier作为默认格式化工具
  "[json]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  
  // CSS文件配置：保存时自动格式化，使用Prettier作为默认格式化工具
  "[css]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  
  // HTML文件配置：保存时自动格式化，使用Prettier作为默认格式化工具
  "[html]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  
  // 保存文件时不执行任何代码操作（null表示禁用此功能）
  "editor.codeActionsOnSave": null
}