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>