标题

安装 Typescript

  npm i Typescript -g  //安装全局Typescript
  tsc --init //初始化文件夹生成tsconfig.json配置文件

常用配置

{
  /**
  tsc 配置，配置完以后使用tsc -w命令就能实时监测你的ts文件变化并且转换为js
  "include"：指定那个目录所有文件被编译
            **:代表所有目录
            *代表所有文件
   "exclude":排除那个目录下的文件不被编译
              默认值:["node_modules","bower_components","jspm_packages"]
  */
  "include": [
    "./src/**/*"
  ],
  "exclude": [
    "./src/hello/**/*"
  ],
  "compilerOptions": {
    //"target"编译为那个版本的js
    //版本为：'es3', 'es5', 'es6', 'es2015', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020', 'esnext'.
    "target": "es2015",
    //"module"表示模块化时使用那个模块化的方式
    //模块化的方式：'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'esnext'.
    "module": "es2015",
    //"lib"指定你在开发中使用的库，一般不会去动他
    //"lib": []
    //指定编译后的文件放在那个目录中
    "outDir": "./dist",
    //指定编译后后的文件合成一个文件，一般不使用，都用打包工具来实现
//    "outFile": "./dist/app.js"
    //"allowJs"：是指对js文件是否编译
    "allowJs": true,
    //"checkJs":是否对js代码进行规范检查
    "checkJs": false,
    //"removeComments":编译时是否移除注释
    "removeComments": true,
    //不生成编译后的文件
    "noEmit": false,
    //编译产生错误时不进行文件生成
    "noEmitOnError": true,
    //严格检查的总开关只要为true下面的严格检查就都会打开
    "strict": true,
    //是否编译为js代码时为严格模式的js代码
    "alwaysStrict": true,
    //不允许有隐式的any类型
    "noImplicitAny": true,
    //不允许有未明确定义的的this
    "noImplicitThis": true,
    //严格检查是否有空值
    "strictNullChecks": true
  }
}

创建

1.创建src文件夹
2.创建一个1_Typescript.ts在src文件夹下
在终端打开使用命令 tsc -w 来编译 Typescript 生成dist文件夹 和一个可执行的js文件