使用VSCode调试RN项目

1.安装VSCode(安装就不说了),为什么用它,最重要的一点,他免费啊,对于码农的我们,这就是刚需。

2.插件安装:

  a.点击下图1,进入扩展搜索界面,搜索debugger for chrome插件,安装,刷新。

  b.添加配置——点击1,然后点击2,如下图

  然后,会出现如下界面,一定要选中方框里面的环境,记得保存,你的配置栏就会发生变化

  接下来先运行attach to packger,然后开启degug模式,一切完成之后你就可以console.log(‘控制台输出数据‘)或进行断点调试,断点仅仅在debug模式下有用

  成品如下,当你看到调试栏,和控制台打印信息你就成功了:

时间: 2024-08-28 23:31:56

使用VSCode调试RN项目的相关文章

VSCode调试vue项目

先决条件 你必须安装好 Chrome 和 VS Code.同时请确保自己在 VS Code 中安装了 Debugger for Chrome 扩展的最新版本. 在可以从 VS Code 调试你的 Vue 组件之前,你需要更新 webpack 配置以构建 source map.做了这件事之后,我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置.这会确保你可以在一个应用中调试,即便你的资源已经被 webpack 优化过了也没关系. 打开 config/index.js 并找到 d

vscode 调试 react 项目

主要分为以下三个步骤 安装 debug for chrome 配置 launch.json 文件 配置内容如下 { "version": "0.2.0", "configurations": [{ "type": "chrome", "request": "launch", "name": "Launch Chrome", &q

解决基于TypeScript 的 RN项目相对路径引入组件的问题

一.前言 在开发RN项目时,经常会要使用这样的方式(../../../)来引入组件,感觉非常繁琐,如果项目结构层级比较多,引入的头部更加分不清. 那有没有一种方案和vue项目一样,经过配置后简写路径,在引入的时候,直接使用,例如vue项目中 @ 符号表示 src目录. 经过百度后,发现还是有这种类似的配置. 但尝试过网上的几种方案,都没起作用,主要是由于我的项目是基于 RN(0.59.5) + TypeScript搭建的. 二.尝试过的错误方案 1. 在文件夹中加入 package.json 例

使用ng serve 在Vs Code里调试 anguar 项目

ng serve 是@angular/cli 下的运行命令 我们可以通过下载@angular/cli来生成angular2的模板 npm install -g @angular/cli ng new Anguar-Example --默认会下载依赖包 cd Angura-Example npm install --如果下载了依赖包这步可以不做 ng serve --运行angular 或 npm start 运行项目 默认通过http://localhost:4200/ 访问. 如果我们想用VS

vscode 调试node.js

在开发的过程中,几乎不可能一次性就能写出毫无破绽的程序,断点调试代码是一个普遍的需求. 作为前端开发工程师,以往我们开发的JavaScript程序都运行在浏览器端,利用Chrome提供的开发者工具就可以方便的进行源码断点调试.其步骤有四,详情不表,粗略概括如下: 打开Chrome开发者工具: 点击进入Sources标签页,在页面的左侧就能看到JS代码的目录: 找到需要设置断点的源文件,在需要中断的哪行代码左侧单击鼠标左键,就可以设置断点,如果你的代码是uglify过的,则需导入相应的source

在CentOS 7中使用VS Code编译调试C++项目

1. 安装VSCODE 见VSCode官方链接 https://code.visualstudio.com/docs/setup/linux#_rhel-fedora-and-centos-based-distributions  先下载yum源: sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbas

远程调试Spring项目

目录 远程调试Spring项目 服务端启动: 启动jar包: 使用mvnDebug启动SpringMVC项目: 客户端设置: IDEA设置: VsCode设置: 参考: 远程调试Spring项目 服务端启动: 启动jar包: 一般启动: java -jar huishi-api.jar 远程调试启动: java -jar -agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=8000 huishi-api.jar addres

eclipse调试web项目

http://www.cnblogs.com/qrlozte/p/3532522.html ************************** 我以前一直不知道怎么在eclipse中调试web项目,比如说我在某个Servlet或者Action中打了断点,然后该怎么调试呢 今天偶然发现了原来是可以的,方法如下: 1. 配置好你的Server,比如说tomcat,见http://www.cnblogs.com/qrlozte/p/3175170.html 2. 选择Run>Debug Config

在eclipse中调试web项目的时候如何把web项目分配给配置好的服务器

举个例子,我今天在做spring和struts2整合的例子 新建项目blk 1.配置好web.xml,struts.xml,applicationContext.xml,写好jsp页面 2.把struts2.spring整合需要的jar包(struts核心jar包,spring核心jar包以及struts-spring-plugin.jar.commons-logging.jar)放到你项目的WEB-INF/lib目录下 3.写好java代码,并把java代码编译后的class文件拷贝到WEB-