当前位置: 首页 > 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

http://www.dtcms.com/a/151754.html

相关文章:

  • 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:
  • 【Python】每隔一段时间自动清除网站上cookies的方法
  • 使用 Streamlit 打造一个简单的照片墙应用
  • 极狐GitLab 的压缩和合并是什么?
  • sglang部署DeepSeek-R1-Distill-Qwen-7B
  • fpga系列 HDL:跨时钟域同步 脉冲展宽同步 Pulse Synchronization
  • 四神-华夏大地的守护神
  • 今天开始着手准备PAT(乙级)
  • 第一节:核心概念高频题-Vue3响应式原理与Vue2的区别
  • MYSQL之表的操作
  • 在面试中被问到spring是什么?