跳到主要内容

tsc

一、初始化​

npm init -y

二、安装依赖​

2.1 全局依赖​

全局安装 typescript , 即可全局使用 tsc

npm install -g typescript

2.2 项目依赖​

项目内安装 typescript, 通过配置 package.json 中的 scripts 即可在项目中使用 tsc

  1. 安装依赖
npm install typescript -D
  1. 配置命令
"scripts":{
  'init': "tsc --init"
}

三、相关命令​

  • 编译 typescript 文件: tsc 或者 tsc -w

    "scripts": {
      "dev:tsc":"tsc -w",
    }

  • 初始化 typescript.json 配置文件: tsc --init

    "scripts": {
      "init:tsc": "tsc --init",
    }

四、相关配置​

  • 修改outDir配置项

    {
      "compilerOptions": {
        "target": "es2016",                                 
        "module": "commonjs",                                
        "outDir": "./build",   
        "rootDir": "./src",                              
        "esModuleInterop": true,                            
        "forceConsistentCasingInFileNames": true,            
        "strict": true,                                      
        "skipLibCheck": true                                
      },
    }

  • 修改rootDir配置项

    {
      "compilerOptions": {
        "target": "es2016",                                 
        "module": "commonjs",                                
        "outDir": "./build",   
        "rootDir": "./src",                              
        "esModuleInterop": true,                            
        "forceConsistentCasingInFileNames": true,            
        "strict": true,                                      
        "skipLibCheck": true                                
      },
    }

五、调试文件​

  • 创建src/index.ts