VSCode安装React相关的必要插件:
VSCode点击左侧的扩展图标 (或使用快捷键 Ctrl+Shift+X
),搜索并安装以下常用的 React 相关插件:
-
ES7 React/Redux/GraphQL/React-Native snippets: 提供了一些 React 的代码片段,方便快速输入常用代码块。
-
Prettier - Code formatter: 用于格式化代码的工具,可帮助你保持一致的代码风格。
-
ESLint: JavaScript 代码规范检查工具。
-
React Developer Tools: 开发者工具,可以帮助你在 Chrome 浏览器中调试 React 组件。
离线下载插件地址:
Extensions for Visual Studio family of products | Visual Studio Marketplace
1、 输入插件的名称搜索
2、点击Download Extension下载插件的VSIX文件
3、VSCODE添加插件
插件安装问题:
在安装React Developer Tools时,VSCODE报错如下:
Unable to install extension 'sinclair.react-developer-tools' as it is not compatible with VS Code '1.73.1'.
VSCode版本不兼容问题,重新官网下载Visual Studio Code - Code Editing. Redefined
问题解决