小白教程
所有教程
关于
Search
172.70.127.120
172.70.127.120
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“TypeScript 安装”的源代码
本页内容
上一节:
TypeScript_教程
下一节:
TypeScript_基础语法
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:TypeScript 安装}}[[Category:TypeScript 教程|2]] = TypeScript 安装 = 本文介绍 TypeScript 环境的安装。 我们需要使用到 npm 工具安装,如果你还不了解 npm,可以参考我们的[[nodejs npm|NPM 使用介绍]]。 === NPM 安装 TypeScript === 如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装。 使用国内镜像: <pre>npm config set registry https://registry.npmmirror.com</pre> 安装 typescript: <pre>npm install -g typescript</pre> 安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号: <pre>$ tsc -v Version 3.2.2</pre> 然后我们新建一个 app.ts 的文件,代码如下: <sample title="" desc="" lang="typescript" hererun="1"> var message:string = "Hello World" console.log(message) </sample> 通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。 然后执行以下命令将 TypeScript 转换为 JavaScript 代码: <pre>tsc app.ts</pre> 这时候在当前目录下(与 app.ts 同一目录)就会生成一个 app.js 文件,代码如下: <sample title="" desc="" lang="typescript" hererun="1"> var message = "Hello World"; console.log(message); </sample> 使用 node 命令来执行 app.js 文件: <pre>$ node app.js Hello World</pre> TypeScript 转换为 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 Code === 1、下载 [https://code.visualstudio.com/ Visual Studio Code]。 2、双击 VSCodeSetup.exe 图标 安装。 3、安装完成后,打开 Visual Studio Code 界面类似如下: 4、 我们可以在左侧窗口中点击当前编辑的代码文件,选择 '''open in command prompt'''(在终端中打开),这时候我们就可以在屏幕的右侧下半部分使用 '''tsc''' 命令来执行 TypeScript 文件代码了。 === Mac OS X 安装 Visual Studio Code === Mac OS X 安装配置 Visual Studio Code 可以查看: [https://code.visualstudio.com/docs/setup/setup-overview https://code.visualstudio.com/Docs/editor/setup] === Linux 安装 Visual Studio Code === Linux 安装配置 Visual Studio Code 可以查看: [https://code.visualstudio.com/docs/setup/setup-overview https://code.visualstudio.com/Docs/editor/setup]
返回至“
TypeScript 安装
”。
上一节:
TypeScript_教程
下一节:
TypeScript_基础语法