typescript的安装与编译

发表于 更新于 分类于

安装typescript

  1. npm包管理器安装

$ npm install -g typescript
2. 通过与VS 2012继承的**MSI**

编译typescript文件

$ tsc xxx.ts //xxx为文件名

编辑tsconfig.json

tsconfig.json用来设置ts的编译选项。可以在指定目录生成一份该配置文件

$ tsc -init

编写需要的配置项

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{
    "compilerOptions": {
        "module": "commonjs",   //指定生成哪个模块系统代码
        "target": "es6",        //目标代码类型
        "noImplicitAny": false, //在表达式和声明上有隐含的'any'类型时报错。
        "sourceMap": false,     //用于debug
        "rootDir":"./src",      //仅用来控制输出的目录结构--outDir。
        "outDir":"./build",     //重定向输出目录。
        "watch":true            //在监视模式下运行编译器。会监视输出文件，在它们改变时重新编译。
    },
    "include":[
        "./src/**/*"
    ],
    "exclude":[
        "views",
        "static"
    ]
}

配置文件注意点

"compilerOptions"是编译选项。

  • "module"是用来指定设置编译后的js代码，使用何种模块规范。
  • "target"是编译后的js代码遵循何种规范，可以是es3/es5/es6等等。
  • "rootDir"是一个需要注意的地方，它会告诉编译器，此目录下的文件需要经过编译。