TypeScript学习（1）- ts基础配置介绍

目录

TypeScript是什么？

TypeScript开发环境搭建

TypeScript是什么？

• 以JavaScript为基础构建的语言
• 一个JavaScript的超集
• typescript扩展了JavaScript，并添加了类型
• 可以在任何支持JavaScript的平台中执行
• TS不能被js解析器直接执行（ts ---编译---js）

TypeScript开发环境搭建

• 安装node
• 使用npm 全局安装typescript

npm i -g typescript

• 创建一个ts文件

•  使用tsc对ts文件进行编译

1.         进入命令控制台
2.         执行命令： tsc  xx.ts
3.         就会编译一个对应的js文件

tsc hello.ts

 执行编译语句

编译后会生成一个ts文件

还有一个一直监视ts文件的 命令

开启后 当前的ts文件发生变化 就会实时监听编译

tsc xxx.ts -w

ts编译文件

        当实际运用过程中 一个个文件去tsc编译很麻烦，这时就可以用tsconfig文件，就不用一个个编译，在命令行直接输入tsc就能编译当前文件下的所有ts文件。

创建tsconfig.json:

具体选项配置

/* 
*  在对应的文件夹下面  打开集成终端  输入 tsc 就会编译当前文件夹下的所有ts文件
*/


/* 

* tsconfig.json是ts编译器的配置文件，ts编译器可以根据它的信息对代码进行编译
 "include" 用来指定哪些ts文件需要被编译
 路径：** 表示任意目录
        * 表示任意文件

"exclude" 用来指定哪些ts文件不需要被编译
*/
{   

    "include": [
        "./src/**/*"
    ],
    "exclude": [
        "./src/hello/**/*"
    ],
    "compilerOptions": {
        //target 用来指定ts编译后的es版本
        // es3 es5 es6   es2015 es2016 es2017 es2018 es2019 es2020
        "target": "es2015",
        // module指定要使用的模块化的规范
        // none commonjs  amd system umd es6 es2015 es2020 esnext
        // "module": "es2015",
        // lib 用来指定项目中要使用的库
        "lib": ["es6","dom"],
        // 用来指定导出的文件夹
        "outDir": "./dist",

        // 将代码合并为某一个文件
        // "outFile": "./dist/app.js"


        // 是否对js文件进行编译，默认是false
        "allowJs": true,
        // 是否检查js文件的语法
        "checkJs": true,
        //是否移除注释
        "removeComments": true,
        //不生成编译后的文件
        "noEmit": false,
        //当有错误时不生成编译后的文件
        "noEmitOnError": true,

        //所有严格检查的总开关
        "strict": true,
        //用来设置编译后的文件是否使用严格模式
        "alwaysStrict": true,
        //不允许隐式的any
        "noImplicitAny": true,
        // 不允许不明确类型的this
        "noImplicitThis": true,
        // 严格的检查空值
        "strictNullChecks": false,
       

    }
}