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

在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

编辑配置文件

选择 nodejs

修改

调试

下断点调试