TS 初体验&环境配置

87 阅读1分钟

问:为什么要学习TS ,TypeScript 相比 JS 的优势?

  1. 更早(写代码的同时)发现错误,减少找 Bug、改 Bug 时间,提升开发效率。
  2. 程序中任何位置的代码都有代码提示,随时随地的安全感,增强了开发体验。
  3. 强大的类型系统提升了代码的可维护性,使得重构代码更加容易
  4. 支持最新的 ECMAScript 语法,优先体验最新的语法,让你走在前端技术的最前沿。
  5. TS 类型推断机制,不需要在代码中的每个地方都显示标注类型,让你在享受优势的同时,尽量降低了成本。

问:为什么要安装编译 TS 的工具包?

  • 答:Node.js/浏览器,只认识 JS 代码,不认识 TS 代码。需要先将 TS 代码转化为 JS 代码,然后才能运行。

编译并运行 TS 代码

  • npm install -g typescript (前提是安装了node)

    • 安装之后可以使用命令 : tsc 文件路径
      • tsc demo.ts
      • 执行后会得到一个转化后的demo.js 文件
      • 这时可以通过执行:node demo.js 运行项目
  • 检查是否安装成功:tsc –v

image.png

直接执行ts文件,简化了运行 ts 的步骤

安装依赖 npm i -g ts-node

  • 执行:ts-node demo.ts
  • 解释 ts-node 命令在内部偷偷的将 TS -> JS,然后,再运行 JS 代码。

image.png