TypeScript环境搭建

1.安装typescript:

[javascript] view plain copy
  1. npm install -g typescript  

2.使用命令编译文件:

[javascript] view plain copy
  1. tsc demo.ts  

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

(1)进入设置界面

TypeScript环境搭建

(2)勾选相应设置

TypeScript环境搭建

(3)配置tsconfig.json文件,示例代码如下:

[javascript] view plain copy
  1. {  
  2.   "compilerOptions": {  
  3.     "module""commonjs",  
  4.     "target""es5",  
  5.     "sourceMap"true,  
  6.     "outDir""dest/"  
  7.   },  
  8.   "include": [  
  9.     "src/**/*"  
  10.   ],  
  11.   "exclude": [  
  12.     "node_modules"  
  13.   ]  
  14. }  

demo目录结构如下图:

TypeScript环境搭建

页面中正常引入,例如:

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