前端typescript技术总结

Posted 2022-12-07 mask哥

1.typescript安装

国内镜像：
 npm config set registry https://registry.npmmirror.com

安装 typescript

npm install -g typescript

查看typescript版本
 tsc -v

将 TypeScript 转换为 javascript 代码:
tsc app.ts

使用 node 命令来执行 app.js 文件
node app.js

2.开发工具vscode

3.tsc 常用编译参数：

                1.    --help 显示帮助信息

                2.    --module 载入扩展模块

                3.    --target 设置 ECMA 版本

                4.    --declaration 额外生成一个 .d.ts 扩展名的文件。
                   tsc ts-hw.ts --declaration
                以上命令会生成 ts-hw.d.ts、ts-hw.js 两个文件。

                5.    --removeComments 删除文件的注释

                6.    --out 编译多个文件并合并到一个输出的文件

                7.    --sourcemap 生成一个 sourcemap (.map) 文件。

                sourcemap 是一个存储源代码与编译代码对应位置映射的信息文件。

                8.    --module noImplicitAny 在表达式和声明上有隐含的 any 类型时报错

                9.    --watch 在监视模式下运行编译器。会监视输出文件，在它们改变时重新编译。
4.typescript区分大小写

5.typescript支持接口多继承,不支持类多继承（单继承）

6.TypeScript命名空间:解决重命名问题;
  

    定义格式：namespace SomeNameSpaceName  
               export interface ISomeInterfaceName        
               export class SomeClassName        
            

7.模块编译：tsc --module amd TestShape.ts