zoukankan      html  css  js  c++  java
  • TypeScript 安装

    TypeScript 安装

    本文介绍 TypeScript 环境的安装。

    我们需要使用到 npm 工具安装,如果你还不了解 npm,可以参考我们的NPM使用介绍。

    NPM 安装 TypeScript

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

    npm install -g typescript

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

    $ tsc -v
    Version 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 World

    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 公司开发。

    Windows 上安装 Visual Studio Code

    2、双击 VSCodeSetup.exe 图标  安装。

    3、安装完成后,打开 Visual Studio Code 界面类似如下:

    4、 我们可以在左侧窗口中点击当期编辑的代码文件,选择 open in command prompt(在终端中打开),这时候我们就可以在屏幕的右侧下半部分使用 tsc 命令来执行 TypeScript 文件代码了。

  • 相关阅读:
    PHP中获取当前页面的完整URL
    phpStydy配置memcache扩展
    mac 安装 php nginx mysql
    mysql分表的3种方法
    Apache虚拟主机配置
    Mysql命令行基本操作
    优化数据库对象
    select,epoll的比较
    lucene合并测试的总结
    验证相关度排序是否受查询的多个关键字在内容中相邻紧密程度有关
  • 原文地址:https://www.cnblogs.com/xiewangfei123/p/12419492.html
Copyright © 2011-2022 走看看