TypeScript环境配置

JavaScript
TypeScript

目的

如何配置TypeScript环境，以及在Ubuntu系统下配置Atom编辑器。

简介

TypeScript是由Microsoft开发维护的一门免费的开源语言。该语言是JavaScript的超集，有着严格的语法格式，同时也是一门基于类的面向对象的语言。TypeScript可以被编译为JavaScript，任何存在的JavaScript程序都是合法有效的TypeScript程序。目前很多流行的库都基于该语言开发，如AngularJS, Ionic, jQuery, MongoDB和D3.js。

内容

环境配置

TypeScript 可以通过Node.js进行安装。

1
$ sudo npm install -g typescript

将TypeScript编译为JavaScript。

1
tsc helloworld.ts

编辑器

Atom

  1. 下载Atom,并用命令行进行安装,Debian Linux (Ubuntu) 仅支持64位操作系统。

    1
    $ sudo dpkg --install atom-amd64.deb

  2. 安装 Script插件，可以在Atom编辑器通过快捷键shift-ctrl-b执行js代码。

    1
    $ sudo apm install script

  3. 安装Atom TypeScript插件，前提是已经安装了Git。你也可以不安装，直接编辑.ts文件进行开发。

    1
    $ sudo apm install atom-typescript

  4. 重新启动Atom,然后会提示你安装相应的依赖包，选择安装。如果没有提示，可以手动进行安装执行下面的命令。

    1
    $ sudo apm install linter

该插件提供了以下的功能。

  • 自动补全（Autocomplete）: ctrl+space，使用tab进行选择。
  • 语法校验（Live error analysis）
  • 信息提示（Type information on hover）
  • 定位声明位置（Goto Declaration）F12。
  • 查询引用（Find References）: shift+F12。
  • 代码格式化（Format Code）: ctrl+alt+l。
  • 重命名（Rename refactoring）
  • 保存后编译（Compile on save）: 能够帮助你保存TypeScript后，自动编译为js代码，需要在tsconfig.json配置"compileOnSave": true。你可以在项目根目录创建tsconfig.json,复制下面的代码。
    1
    2
    3
    4
    5
    6
    {
       "compileOnSave": true,
       "compilerOptions": {
           "noImplicitAny" : true
       }
    }

参考资料
TypeScript official site
TypeScript wikipedia
atom-typescript
tsconfig.json
script