当前位置: 首页 > web >正文

pycharm调试typescript

前言

搜索引擎搜索调试typescript,都是vscode,但是没看懂。
vscode界面简洁,但是适配起来用不习惯,还是喜欢用pycharm。

安装软件

  • 安装Node.js https://nodejs.org/zh-cn
    • 判断是否安装成功 node -v
npm install -g typescript

调试

初始化 package.json

npm init -y

typescript需要转换成js代码,再进行调试

创建配置文件 tsconfig.json

{"include":["./src/**/*.ts"],/*源代码存放的路径*/"compilerOptions":{"strict": true,/*严格的语法检查*/"target": "ES6",/*编译后的目标语言规范*/"module": "commonjs","removeComments": true,/*编译时是否删除代码中的注释*/"outDir": "./dist",/*输出目录位置*/"sourceMap": true /*用于代码调试*/}
}

ts 路径
cbcda145242a654a320cc9d4d13a9aad.png

在src下,创建 index.ts

let myName: string = "John";
console.log(myName);let siteArr: string[] = ["Google", "Facebook"];
for (let i = 0; i < siteArr.length; i++) {console.log(siteArr[i]);
}

在路径下,tsc
e75933f929aac91275cbefd7212c3a57.png

编辑配置文件
3d4f5021a414cc50979d752a91a32570.png
选择 nodejs
f387b90f39e28038232a8420ccf38508.png
修改
5fc1d124db578e60b8a6a62988078f20.png

调试

下断点调试
d0b1b00ffff387d653e677cff8fb1618.png

http://www.xdnf.cn/news/1480.html

相关文章:

  • AIGC架构与原理
  • SwiftUI 2.Image介绍和使用
  • 【初级】前端开发工程师的面试100题(速记版)
  • 基于多用户商城系统的行业资源整合模式与商业价值探究
  • SpEl表达式使用示例
  • 简洁版C++类说明
  • 第四章:任务工作流编排
  • C语言 ——— 分支循环语句
  • Redis 主从复制
  • Codeforces Round 998 (Div. 3) ABCD
  • 深度解析 Java 中的 `computeIfAbsent`:原理、最佳实践与高级用法
  • Leetcode98、230:二叉搜索树——递归学习
  • 第12章:MCP服务端项目开发实战:数据持久化
  • React Ref引用机制解析
  • 文档构建:Sphinx全面使用指南 — 进阶篇
  • Axure中继器表格:实现复杂交互设计的利器
  • Linux磁盘管理
  • QT项目----电子相册(4)
  • 单片机通讯外设 (UART)、I2C、SPI、CAN 和 LIN 时序分析 使用场景以及优缺点对比分析报告
  • stm32之GPIO函数详解和上机实验
  • Spring Boot中的监视器:Actuator的原理、功能与应用
  • 基于PySide6与CATIA的直齿圆柱齿轮参数化建模系统开发实践
  • 湖南大学-操作系统实验四
  • 将天气查询API封装为MCP服务
  • godot源码编译
  • 【AI News | 20250423】每日AI进展
  • 数据库-基本概述 和 SQL 语言
  • SQL进阶知识:五、存储过程和函数
  • JAVA并发根源问题的讨论与思考
  • 2024沈阳区域赛,D - Dot Product Game