TypeScript学习（1）- ts基础配置介绍-Toy模板网

这篇具有很好参考价值的文章主要介绍了TypeScript学习（1）- ts基础配置介绍。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

TypeScript是什么？

TypeScript开发环境搭建

TypeScript是什么？

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

TypeScript开发环境搭建

安装node
使用npm 全局安装typescript

npm i -g typescript

创建一个ts文件

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

使用tsc对ts文件进行编译

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

tsc hello.ts

执行编译语句 TypeScript学习（1）- ts基础配置介绍

编译后会生成一个ts文件

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

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

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

tsc xxx.ts -w

ts编译文件

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

创建tsconfig.json:

具体选项配置文章来源地址https://www.toymoban.com/news/detail-488347.html

/* 
*  在对应的文件夹下面  打开集成终端  输入 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,
       

    }
}

到了这里，关于TypeScript学习（1）- ts基础配置介绍的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！