减小字体
增大字体- ·上一篇文章：TypeScript 教程
- ·下一篇文章：TypeScript 基础语法
当前位置：K88软件开发 → 文章中心 → 编程语言 → JavaScript → JS02 → 文章内容
TypeScript 安装
TypeScript 安装本文介绍 TypeScript 环境的安装。我们需要使用到 npm 工具安装，如果你还不了解 npm，可以参考我们的NPM 使用介绍。NPM 安装 TypeScript如果你的本地环境已经安装了 npm 工具，可以使用以下命令来安装：npm install -g typescript安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码，以下是查看版本号：$ tsc -vVersion 3.2.2然后我们新建一个 test.ts 的文件，代码如下：var message:
string = "Hello World"console.log(message)通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。然后执行以下命令将 TypeScript 转换为 JavaScript 代码：tsc test.ts这时候再当前目录下（与 test.ts 同一目录）就会生成一个 test.js 文件，代码如下：var message = "Hello World";console.log(message);使用 node 命令来执行 test.js 文件：$ node test.js Hello WorldTypeScript 转换为 JavaScript 过程如下图：Visual Studio Code 介绍很多 IDE 都有支持 TypeScript 插件，如：Visual Studio，Sublime Text 2，WebStorm / PHPStorm，Eclipse 等。本章节主要介绍 Visual Studio Code，Visual Studio Code 是一个可以运行于 Mac OS X、Windows 和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器，由 Microsoft 公司开发。下载地址：https:
//code.visualstudio.com/。Windows 上安装 Visual Studio Code1、下载 Visual Studio Code。2、双击 VSCodeSetup.exe?图标 安装。3、安装完成后，打开 Visual Studio Code 界面类似如下：4、 我们可以在左侧窗口中点击当期编辑的代码文件，选择 open in command prompt（在终端中打开），这时候我们就可以在屏幕的右侧下半部分使用 tsc 命令来执行 TypeScript 文件代码了。Mac OS X 安装 Visual Studio CodeMac OS X 安装配置 Visual Studio Code 可以查看：https:
//code.visualstudio.com/Docs/editor/setupLinux 安装 Visual Studio CodeLinux 安装配置 Visual Studio Code 可以查看：https:
//code.visualstudio.com/Docs/editor/setup
string = "Hello World"console.log(message)通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。然后执行以下命令将 TypeScript 转换为 JavaScript 代码：tsc test.ts这时候再当前目录下（与 test.ts 同一目录）就会生成一个 test.js 文件，代码如下：var message = "Hello World";console.log(message);使用 node 命令来执行 test.js 文件：$ node test.js Hello WorldTypeScript 转换为 JavaScript 过程如下图：Visual Studio Code 介绍很多 IDE 都有支持 TypeScript 插件，如：Visual Studio，Sublime Text 2，WebStorm / PHPStorm，Eclipse 等。本章节主要介绍 Visual Studio Code，Visual Studio Code 是一个可以运行于 Mac OS X、Windows 和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器，由 Microsoft 公司开发。下载地址：https:
//code.visualstudio.com/。Windows 上安装 Visual Studio Code1、下载 Visual Studio Code。2、双击 VSCodeSetup.exe?图标 安装。3、安装完成后，打开 Visual Studio Code 界面类似如下：4、 我们可以在左侧窗口中点击当期编辑的代码文件，选择 open in command prompt（在终端中打开），这时候我们就可以在屏幕的右侧下半部分使用 tsc 命令来执行 TypeScript 文件代码了。Mac OS X 安装 Visual Studio CodeMac OS X 安装配置 Visual Studio Code 可以查看：https:
//code.visualstudio.com/Docs/editor/setupLinux 安装 Visual Studio CodeLinux 安装配置 Visual Studio Code 可以查看：https:
//code.visualstudio.com/Docs/editor/setup
TypeScript 安装
