typeScript简单入门|青训营笔记

89 阅读1分钟

这是我参加「第四届青训营 」笔记创作活动的第7天

typeScript是什么?

  • 以javaScript为基础构建的语言
  • 一个JavaScript的超集
    • 包含兼容所有的js特性,支持共存。
    • 支持渐进式引人与升级
  • 可以在任何支持JavaScript的平台中执行
    • Ts不能被js解析器直接执行,需要先编译
  • TS扩展了js,并添加了类型。提升了代码的可维护性

typeScript增加了什么?

  1. 类型
  2. 支持ES的新特性
  3. 添加ES不具备的新特性
  4. 丰富的配置选项。
  5. 强大的开发工具。

typeScript的特点

  • 相对于JS(动态类型)来讲TS属于静态类型
  • 可读性增强:基于语法解析TSDoc,ide增强
  • 可维护性增强:在编译阶段暴露可以大部分错误
  • 多人合作的大型项目中,获得更好的稳定性和开发效率

typeScript环境搭建

TS解析器是用node.js写的.

  1. 先下载安装node.js

    • 安装完成后通过命令行来检查是否安装 sc26.jpg
  2. 在命令行输入

1.npm i -g typescript //s小写不然会报错
2.tsc来查看是否安装上

  • sc27.jpg

创建一个ts文件 使用 tsc xxx.ts编译

sc28.jpgsc29.jpg
可以指定类型,更改则会报错
如图: sc30.jpg

Typescript工程应用-Webpack

1.配置webapack loader相关配置
2.配置tsconfig. js文件
3.运行webpack启动/打包
4.loader处理ts文件时,会进行编译与类型检查

-----安装
-------------cnpm i -D webpack webpack-cli typescript ts-loader

sc31.jpg 总结:typeScript可以说是一款非常人性化的语言了,它更好的优化完善了js语言,可以说是非常的nice了!

感谢.阅读。