VSCode离线安装React的相关插件

已于 2024-01-31 13:50:47 修改
阅读量353 收藏 5
点赞数 8
文章标签： vscode react.js ide
于 2024-01-31 13:22:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jerry201108/article/details/135951391
版权 
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

问题解决 

jerry201108
关注
  • 8
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
VSCode 配置React Native开发环境的方法
11-29
本文介绍了VSCode 配置React Native开发环境的方法，分享给大家，具体如下： 1.安装VSCode 2.安装插件 按F1 并输入 ext install 并回车, 或者使用 输入react-native安装React Native Tools 假定你已经在设备上安装了react native， 如果没有安装，请使用npm install -g react-native-cli安装 或者按照官方文档操作 新建一个RN工程 并使用VSCode打开 安装完成后 按F1可以看到命令里多了很多关于React Native的选项 React Native Command 3
【VsCode】VsCode（Vue/React）的安装与48个插件大全
【敦厚的曹操】的专栏
04-12 9463
一、下载和安装 下载地址：https://code.visualstudio.com/download是Microsoft（微软的产品） 最好安装System Installer版 二、配置 1、打开【设置】，找到或搜索【Format on Save】，打对勾。 2、打开【设置】，找到或搜索【AutoSave】，选择：afterDelay。 三、插件（陆续更新中，红色推荐前端安装） 1、Chinese Language （简体中文，重启软件生效）。 2、Live Server（按alt+..
VSCODE通用插件+vue插件+react插件（2024版本）
最新发布
2401_84433769的博客
04-29 335
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
【React实战】vscode安装react
Viviane_2022的博客
09-23 1383
package.json：是webpack配置和项目包管理文件，项目中依赖的第三方包（包的版本）和一些常用命令配置都在这个里边进行配置，当然脚手架已经为我们配置了一些了。package-lock.json：是锁定安装时的版本号，并且需要上传到git，以保证其他人再npm install 时大家的依赖能保证一致。在vscode的【终端】写入：create-react-app my-app 即可创建项目名称为【my-app】的cli。3.初始化create-react-app【安装react的cli工具】
【React-Vscode】Vscode中React插件合集
【敦厚的曹操】的专栏
07-05 1万+
【React-Vscode】Vscode中React插件合集
react开发者必备vscode插件【2024最新】
liyananweb的博客
02-20 4192
包含了。
react在vscode编写时安装的插件
05-19 949
2、prettier。
vscode下载安装react以及过程中的问题
Westrate_WT的博客
07-01 902
适合新手小白下载安装react，内容是我自己安装react 的过程，如果有什么不足或者错误，望指正
VS Code上搭建React开发环境
interest_ing_的博客
08-09 4005
react第一篇，如何在vscode上安装配置react， react 如何引入antd组件 / react配置路由 / react页面跳转 / react页面重定向 / 配置eslint / React Hooks ，满满干货！！！
VSCode配置react开发环境的步骤
08-28
本篇文章主要介绍了VSCode配置react开发环境的步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VSCode搭建React Native环境
11-21
在插件市场搜索 react 找到 React Native Tools 进行安装： 创建的react-native的工程拖入vscode中 点击F5即可运行react-native 此时可能出现 如下界面，这是因为没有配置运行文件 在debug 页面，点击如下位置，...
Chrome的React插件
10-18
Chrome的React插件
vscode插件推荐(个人使用)
豪哥的博客
10-29 6314
前言 现在市面上的vscode推荐五花八门，八成的推荐都是cv出来的，毫无任何的意义，所以在这里自己整理一份属于自己的vscode插件推荐，可以给各位难兄难弟一点小小的建议 以下插件顺序不分先后，纯粹靠vscode给我默认的排序写上去的 正文 1.Debugger for Chrome 这个插件可以在vscode打开html页面到谷歌浏览器 装上之后是这个样子的 2.Rainbow Fart（彩虹屁，可有可无） 想不想享受敲代码的时候被夸666，里面内置几种语音包可以有任何你想要的发音（据说还有郭德纲版本
2021 VSCode前端插件推荐
weixin_44763882的博客
10-02 3374
2021 VSCode前端插件推荐 前言 推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉 开发综合推荐 别名路径跳转 插件名： 别名路径跳转 使用说明: 别名路径跳转插件，支持任何项目， 使用场景: 当你在开发页面时, 想点击别名路径导入的组件时（演示如下） 配置说明 下载后只需自定义配置一些自己常用的别名路径即可 右击插件–》扩展设置–》路径映射在settinas.json中编辑 // 文件名别名跳转 "alias-skip.mappings": {
React安装详细教程及VSCode（插件）下载使用教程
qq_53786707的博客
03-02 2303
操作系统：Windows 11前置条件：Node.js、npm；，写的很详细。
VSCODE通用插件+vue插件+react插件（2024版本
04-03 897
四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~祝大家都能收获大厂offer~CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】篇幅有限，仅展示部分内容。
2023年VSCode插件最新推荐（54款）
热门推荐
qw_6918966011的博客
07-25 3万+
本文介绍前端开发领域常用的一些VSCode插件，插件是VSCode最重要的组成部分之一，本文列出了我自己在以往工作经验中积累的54款插件，个人觉得这些插件是有用或有趣的，根据它们的作用，我粗略的把它们分成了等几个模块。
离线安装vscode插件（没有网络的环境下安装插件）
ysngki的博客
01-11 1万+
帮助读者使用vscode。
vscode 前端常用插件推荐
2401_84009679的博客
03-29 1011
javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
vscode好用的react插件
08-12
以下是一些在VSCode中使用React时好用的插件： 1. ESLint：用于代码规范和错误检查的插件，可以帮助你保持代码的一致性和质量。 2. DocumentThis：自动生成JSDoc注释的插件，方便你为React组件和函数编写文档注释。 3. EasyLess：用于Less样式文件的语法高亮和快速预览。 4. Complete JSDoc Tags：提供了完整的JSDoc标签集合，可以帮助你更方便地编写文档注释。 5. vscode-flow-ide：用于在VSCode中支持Flow静态类型检查的插件。 6. React Native Tools：用于React Native开发的插件，提供了代码编辑、调试和运行的支持。 7. vscode-wechat：用于微信小程序开发的插件，提供了代码编辑、预览和调试的功能。 8. npm：用于在VSCode中管理和运行npm脚本的插件。 9. babel-javascript：支持Babel的JavaScript语法高亮和格式化的插件。 10. debugger for chrome：在VSCode中调试React应用程序的插件，可以与Chrome浏览器进行交互式调试。 11. git lens：Git代码管理工具的插件，可以显示每行代码的Git信息。 12. node debug：用于在VSCode中调试Node.js应用程序的插件。 这些插件可以帮助你更高效地开发React应用程序，并提供了各种功能和工具来提升你的开发体验。你可以根据自己的需求选择适合的插件来增强你的开发环境。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [使用VSCode编辑器创建React.js项目](https://blog.csdn.net/qq_35938548/article/details/79107160)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值