Typescript 安装运行

进入个人博客 Eighteen Blog

简介

TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持。

1. 安装node.js

• windows
  nodejs 安装地址 typescript需要node.js提供编译环境。进入下载页面根据自己的电脑系统下载相应的版本进行安装。

• linux

2. nvm安装方式

• 安装nvm
• wget方式（已安装好git）

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

• 如果git没有安装

sudo yum install git

• 安装完毕后重新连接shell，否则找不到nvm命令。还不行的话

source ~/.bashrc
或者
source ~/.zshrc

• 安装完nvm后，可以使用以下命令查看node可安装版本

nvm ls-remote

• 安装指定版本

nvm install v7.9.0

• 使用指定版本

nvm use v7.8.0

• 查看已安装版本

nvm ls

• 查看当前版本

nvm current

• 当你有多个版本的时候可以指定默认版本

nvm alias default v9.3.0

• 测试node 和npm

node -v
npm -v

2. 安装typescript && 查看版本

   npm install -g typescript
   tsc -V
   

3. 安装编辑器
   visual studio 这里我们使用vs。也可以使用自己熟悉的编辑器。

4. 编写
   我们需要创建一个.ts 后缀的文件。假设内容如下。

   function sayHello(person: string) {
       return 'Hello, ' + person;
   }
   
   let user = 'Tom';
   console.log(sayHello(user));
   

5. 编译
   我们需要把.ts 文件转换为.js 文件。打开cmd，进入该文件所在文件夹，或者在vs控制台进入。

   tsc hello.ts
   

   这样会在hello.ts同文件夹下生成一个hello.js文件

6. 运行

   node hello.js 
   

   这时候你就可以看到结果。

7. tsc命令
   有时候我们不想在同文件夹下生成文件，我们可以熟悉一下tsc命令。

   1. tsc --outFile xxxDir/hello.js xxxDir/hello.ts
   

   这样就会把相应文件夹下的ts编译到对应文件夹下。

   但是正常的项目中ts会比较多，那我们可以使用tsconfig.json进行配置。

• target: 编译目标平台（es3, es5, es2015）

• module: 组织代码方式（commonjs, AMD）

• sourceMap：编译文件对应关系

• outDir：输出目录

• include：包含的编译目录

• exclude：不包含的编译目录

• removeComments：编译生成的 JavaScript 文件是否移除注释

• noImplicitAny：true/false；为 false 时，如果编译器无法根据变量的使用来判断类型时，将用 any 类型代替。为 true 时，进行强类型检查，会报错

• tasks.json：指定编译的命令

  {
      "compilerOptions": {
          "module": "system",
          "noImplicitAny": true,
          "removeComments": true,
          "preserveConstEnums": true,
          "outFile": "../../built/local/tsc.js",
          "sourceMap": true
      },
      "include": [
          "src/**/*"
      ],
      "exclude": [
          "node_modules",
          "**/*.spec.ts"
      ]
  }	
  

最后执行build就可以了。

   tsc --build tsconfig.json