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>