TypeScript在VSC中的极简环境搭建

TypeScript在VSC中的极简环境搭建

安装nodeJS

// 略

安装typescript

// 略

在项目目录中创建两个文件夹

————
|—dist
|—src

创建package.json

cnpm init -y

创建tsconfig.json

tsc --init

修改tsconfig.json配置

{
  "compilerOptions": {
    "target": "es2018", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
    "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
    "lib": [
      "ES5",
      "DOM",
      "ES2015.Promise",
      "ES2018"
    ], /* Specify library files to be included in the compilation. */
    "declaration": true, /* Generates corresponding '.d.ts' file. */
    "sourceMap": true, /* Generates corresponding '.map' file. */
    "outDir": "./dist", /* Redirect output structure to the directory. */
    "rootDir": "./src",
    "watch": true,
    "experimentalDecorators": true, /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
    "strict": true, /* Enable all strict type-checking options. */
    "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
    "skipLibCheck": true, /* Skip type checking of declaration files. */
    "forceConsistentCasingInFileNames": true, /* Disallow inconsistently-cased references to the same file. */
  },
  "include": [
    "src/**/*",
  ]
}

创建、修改luanch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "vsc-ts",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}/src/App.ts",
            "args": [
                "create",
                "--path"
            ],
            "outFiles": [
                "${workspaceFolder}/**/*.js"
            ]
        }
    ]
}

命令行

tsc

监听环境已开启，有错误会提示

F5运行
可以断点

最终目录结构