Advertisement

vscode 配置typescript调试运行环境

阅读量:

1:目录结构

2:launch.json

复制代码
 {

    
   "version": "0.2.0",
    
   "configurations": [
    
       {
    
       "name": "launch",
    
       "type": "node",
    
       "request": "launch",
    
       "program": "${workspaceRoot}/dist/main.js",
    
       "args": [],
    
       "cwd": "${workspaceRoot}",
    
       "protocol": "inspector"
    
       }
    
   ]
    
 }

3:task.json

复制代码
 {

    
   // See https://go.microsoft.com/fwlink/?LinkId=733558
    
   // for thedocumentation about the tasks.json format
    
  "version": "2.0.0",
    
  "command": "tsc",
    
  "isShellCommand": true,
    
  //-p 指定目录;-w watch,检测文件改变自动编译
    
  "args": ["-p", ".","-w"],
    
  "showOutput": "always",
    
  "problemMatcher": "$tsc"
    
 }

4:tsconfig.json

复制代码
 {

    
   "compilerOptions": {
    
       "module": "commonjs",
    
       "target": "es5",
    
       "noImplicitAny": true,
    
       "outDir": "./dist",
    
       "sourceMap": true
    
   },
    
   "include": [
    
       "src/**/*"
    
   ]
    
 }

注意:

"program": "${workspaceRoot}/dist/main.js",--为主程序入口(对应ts编译对应的js文件)

设置完成之后,F5运行即可

全部评论 (0)

还没有任何评论哟~