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

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

相关文章:

  • Oracle 数据库中的 JSON:性能注意事项
  • 【CSS】层叠,优先级与继承(四):层叠,优先级与继承的关系
  • Elasticsearch 集群节点下线方案
  • SwiftUI 3.Button介绍和使用
  • Kimi做内容社区,剑指小红书?
  • AI赋能社区生态:虎跃办公的网址导航革新实践
  • 事业单位体检心电图不合格类型有哪些
  • Java高频面试之并发编程-06
  • 腾讯秋招面试题:bug生命周期中有哪些状态?
  • (即插即用模块-特征处理部分) 四十一、(2024) MSAA 多尺度注意力聚合模块
  • 为什么Spring中@Bean注解默认创建单例Bean
  • 计算机网络笔记(六)——1.6计算机网络的性能
  • 长连接、短连接与WebSocket的基本知识
  • crictl 遇到报错 /run/containerd/containerd.sock: connect: permission denied
  • 推荐系统(二十四):Embedding层的参数是如何在模型训练过程中学习的?
  • 分糖果——牛客
  • Ragflow、Dify、FastGPT、COZE核心差异对比与Ragflow的深度文档理解能力​​和​​全流程优化设计
  • 文件系统常见函数
  • 2022 年 9 月青少年软编等考 C 语言七级真题解析
  • 根据定义给出json_schema:
  • 凯撒旅业:2024年营业收入约6.53亿元,同比增长12.25%
  • 董明珠的接班人还是董明珠
  • 上海市长会见璞跃全球创始人亚美迪,建设国际AI创新创业网络中心节点
  • 门票在“缩水”,古镇怎么办
  • 讲武谈兵|英国公布六代机最新渲染图,但研发面临多重难题
  • 秦洪看盘|热点凌乱难抑多头雄心