vscode需通过扩展和配置适配react开发:必装ES7+ React snippets、ESLint、auto Rename Tag;jsconfig.json/tsconfig.json不可删且须正确配置路径别名和jsx选项;调试需配launch.json,HMR问题常因ESLint自动修复干扰。

VSCode 本身不“支持 React”,它靠扩展和配置来适配 React 开发流程。核心是装对扩展、配好 typescript/ESLint、启动时用对脚手架——不是 VSCode 决定你能不能写 React,而是你有没有让它的工具链对上 create-react-app 或 vite 的约定。
必须装的三个扩展
没它们,连基础高亮和跳转都卡顿:
-
ES7+ React/Redux/React-Native snippets:补全rfc(函数组件)、useEffect等常用代码块 -
ESLint:实时标出React Hook rules错误,比如React Hook "useState" is called in function "xxx" which is not a React function component -
Auto Rename Tag:改开头,自动同步闭合标签,避免手动修