typescript转es5

将 TypeScript 代码转换为 ES5 代码的过程主要包括以下几个步骤：

1、安装 Babel 和相关插件

2、配置 Babel

3、运行转换命令

4、检查转换结果

下面是详细的步骤说明：

1. 安装 Babel 和相关插件

确保你已经安装了 Node.js，使用以下命令安装 Babel：

npm install g @babel/cli @babel/core @babel/presetenv

接下来，安装 TypeScript 相关的 Babel 插件：

npm install savedev @babel/presettypescript

2. 配置 Babel

在项目根目录下创建一个名为 .babelrc 的文件，并添加以下内容：

{
  "presets": ["@babel/presetenv", "@babel/presettypescript"]
}

这将告诉 Babel 使用这两个预设来转换代码。@babel/presetenv 会根据目标环境自动确定需要转换的语法特性，而 @babel/presettypescript 则负责处理 TypeScript 特有的语法。

3. 运行转换命令

在项目根目录下，运行以下命令将 TypeScript 文件转换为 ES5 代码：

npx babel src outdir dist

src 是包含 TypeScript 代码的目录，dist 是转换后的 ES5 代码存放的目录，你可以根据实际情况修改这两个参数。

4. 检查转换结果

转换完成后，你可以在 dist 目录下找到生成的 ES5 代码，使用浏览器或者 Node.js 运行这些代码，检查它们是否能正常工作，如果一切正常，那么你已经成功地将 TypeScript 代码转换为了 ES5 代码。