配置 VS Code 提升 React 开发体验#

1. 按 Ctrl+Shift+P（macOS: Cmd+Shift+P）打开命令面板

2. 输入 “Preferences: Open Settings (JSON)” 打开 settings.json。

3. 在项目根目录创建 .vscode/settings.json（推荐项目级配置），添加以下内容：

   1
   {
   2
     // 保存时自动格式化
   3
     "editor.formatOnSave": true,
   4
     // 默认使用 Prettier 格式化
   5
     "editor.defaultFormatter": "esbenp.prettier-vscode",
   6
   
   7
     // ESLint 自动修复
   8
     "editor.codeActionsOnSave": {
   9
       "source.fixAll.eslint": "explicit"
   10
     },
   11
   
   12
     // JSX/TSX 文件也应用 Prettier
   13
     "[javascript]": {
   14
       "editor.defaultFormatter": "esbenp.prettier-vscode"
   15
     },
   16
     "[javascriptreact]": {
   17
       "editor.defaultFormatter": "esbenp.prettier-vscode"
   18
     },
   19
   
   20
     // 显示行号、缩进指南
   21
     "editor.rulers": [80],
   22
     "editor.guides.indentation": true
   23
   }