pycharm调试typescript

admin 2025年4月24日21:08:22评论1 views字数 1030阅读3分26秒阅读模式
pycharm调试typescript

声明:文中所涉及的技术、思路和工具仅供以安全为目的的学习交流使用,任何人不得将其用于非法用途给予盈利等目的,否则后果自行承担!如有侵权烦请告知,我们会立即删除并致歉。谢谢

文章有疑问的,可以公众号发消息问我,或者留言。我每天都会看的。

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 路径

pycharm调试typescript
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

pycharm调试typescript
e75933f929aac91275cbefd7212c3a57.png

编辑配置文件

pycharm调试typescript
3d4f5021a414cc50979d752a91a32570.png

选择 nodejs

pycharm调试typescript
f387b90f39e28038232a8420ccf38508.png

修改

pycharm调试typescript
5fc1d124db578e60b8a6a62988078f20.png

调试

下断点调试

pycharm调试typescript
d0b1b00ffff387d653e677cff8fb1618.png

原文始发于微信公众号(进击的HACK):pycharm调试typescript

免责声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由读者承担全部法律及连带责任,本站不承担任何法律及连带责任;如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截,联系方式见首页),望知悉。
  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2025年4月24日21:08:22
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                   pycharm调试typescripthttps://cn-sec.com/archives/3993604.html
                  免责声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由读者承担全部法律及连带责任,本站不承担任何法律及连带责任;如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截,联系方式见首页),望知悉.

发表评论

匿名网友 填写信息