阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      TypeScript 安装

      TypeScript 安装

      本文介绍 TypeScript 环境的安装。

      我们需要使用到 npm ,你需要安装Node.js;

      如果你还不了解 npm,可以参考我们的 NPM 教程

      NPM 安装 TypeScript

      如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装:

      npm install -g typescript
      

      https://a.axihe.com/edu/typescript/WtlnAXD8hI.png

      安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:

      $ tsc -v
      Version 3.9.7
      

      https://a.axihe.com/edu/typescript/5iveSknA9c.png

      我当时操作的时间是2020年8月12日,你看到这篇文章的时候,可能过去很久了,版本会与我截图中的不一致,但是没有关系的,完全不影响本教程的阅读;

      测试安装结果

      然后我们新建一个 axihe.ts 的文件,代码如下:

      var message:string = "Hello World"
      console.log(message)
      

      通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。

      然后执行以下命令将 TypeScript 转换为 JavaScript 代码:

      tsc axihe.ts
      

      https://a.axihe.com/edu/typescript/dfnEFnBsQ9.png

      这时候再当前目录下(与 axihe.ts 同一目录)就会生成一个 axihe.js 文件,代码如下:

      var message = "Hello World";
      console.log(message);
      

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

      $ node axihe.js
      Hello World
      

      https://a.axihe.com/edu/typescript/Ct5PxHLsin.png

      TypeScript 转换为 JavaScript 过程如下图:

      https://a.axihe.com/edu/typescript/0K1nD9oy0a.png

      本教程使用VSCode

      很多 IDE 都有支持 TypeScript 插件,如:Visual Studio,Sublime Text 2,WebStorm / PHPStorm,Eclipse 等。

      本章节主要介绍 VS Code; 如果你还不了解VSCode,可以查看本站的 VSCode 教程

      Visual Studio Code(国内一般都不喊全名,都是简称 VS Code),是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 操作系统的开放代码编辑器。

      目录
      目录