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>