TypeScript环境搭建

1.安装typescript：

npm install -g typescript

2.使用命令编译文件：

tsc demo.ts

3.使用IDE工具webstorm，配置typescript文件自动编译功能:

（1）进入设置界面

（2）勾选相应设置

（3）配置tsconfig.json文件，示例代码如下：

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "sourceMap": true,
    "outDir": "dest/"
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules"
  ]
}

demo目录结构如下图：

页面中正常引入，例如：

<script tye="tex/javascript" src="dest/demo.js"></script>