初识TypeScript

Posted 冰雪奇缘lb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初识TypeScript相关的知识,希望对你有一定的参考价值。

初识TypeScript

TypeScript是javascript的超集,支持所有的JavaScript语法,在JavaScript的基础上增加了其他语法和功能。


安装解析TS的工具包

  1. 打开vSCode终端。
  2. 输入安装命令: npm i -g typescript回车。i(install): 表示安装。-g (–global) : 全局标识,可以在任意目录中使用该工具。

typescript: 就是用来解析Ts的工具包。提供了tsc命令,实现了TS->JS的转化。
npm: 用来安装前端开发中用到的包,是安装Node.js时自动安装的。
在这里插入图片描述
问题1: TS代码 能直接在 Node.js 里面运行吗? 不能
问题2: 该如何处理呢?1 TS代码->JS代码 2 执行JS


执行代码,分两步:

  1. TS代码->JS代码: 在当前目录打开终端,输入命令 tsc hello.ts 敲回车。
    解释: tsc hello.ts 会生成—个 hello.js 文件。
  2. 运行js代码:node hello.js

简化执行TS的步骤

  1. 简化方式: 使用 ts-node 包,“直接”在 Node.js 中执行TS代码。安装命令: npm i -g ts-node
  2. 使用方式: ts-node hello.ts

解释:

  • ts-node包内部偷偷的将TS -> JS,然后,执行JS代码。
  • ts-node包提供了命令 ts-node,用来执行TS代码。

以上是关于初识TypeScript的主要内容,如果未能解决你的问题,请参考以下文章

初识Spring源码 -- doResolveDependency | findAutowireCandidates | @Order@Priority调用排序 | @Autowired注入(代码片段

初识Spring源码 -- doResolveDependency | findAutowireCandidates | @Order@Priority调用排序 | @Autowired注入(代码片段

typescript Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming/angular-2/

typescript Angular最终版本的Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming

typescript Angular最终版本的Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming

typescript Angular最终版本的Angular 2测试片段。代码库https://developers.livechatinc.com/blog/category/programming