TypeScript环境搭建

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

1.安装typescript：

[javascript]view plain copy
npm install -g typescript  

2.使用命令编译文件：

[javascript]view plain copy
tsc demo.ts  

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

（1）进入设置界面

（2）勾选相应设置

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

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

demo目录结构如下图：

页面中正常引入，例如：

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

鲜花

握手

雷人

路过

鸡蛋

该文章已有0人参与评论

请发表评论

全部评论

专题导读

More+

TypeScript 中 Optional Chaining 和 Nullish Coalescing发布时间：2022-07-18

使用 Yarn workspace,TypeScript,esbuild,React 和 Express 构建 K8S 云原生应用(一) ...发布时间：2022-07-18

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服

地址：深圳市南山区西丽大学城创智工业园

电邮：jeky_zhao#qq.com

移动电话：139-2527-9053

客服电话

电子邮件

TypeScript环境搭建

请发表评论

全部评论

上一篇：

下一篇：

关于我们

产品与服务

解决方案

139-2527-9053