前端typescript技术总结

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
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值