javascript - 如何通过cmd创建Cordova和TypeScript项目

Question

我使用 Cordova 开发移动应用程序，我在命令行中输入 cordova create MyApp 来创建 Cordova 项目。

我可以使用 JavaScript，但我需要在我的项目中使用 TypeScript。

请帮助我创建一个由 TypeScript 提供支持而无需 Visual Studio 的 Cordova 项目，或者帮助我将 TypeScript 添加到我的 Cordova 项目中。

非常感谢。

Answer 1

本质上(无需涉及代码和 Assets 捆绑)您要做的是

• 在另一个文件中写入您的“TypeScript”代码，例如 index.ts然后编译输出为 ...\MyApp\www\js\index.js ，

哪里MyApp是您的 Cordova 应用程序文件夹，index.js是您的应用程序的 index.html 中引用的那个(<script type="text/javascript" src="js/index.js"></script>)。

• 您需要安装命令行 TypeScript 编译器，它可以作为 Node.js 包安装。打开“Windows 命令提示符”或“终端”并输入:

npm install -g typescript

要查看 TypeScript 是否已安装，请输入 tsc -v 。这应该打印一个版本号，所以你会看到类似 Version 2.7.2 的内容。 。

• 下一个复制index.js至index.ts 所以你的 \js\文件夹将包含这两个文件

• 在 index.ts 中编辑并保存 TypeScript 代码后，使用“命令提示符”或“终端”，将目录更改为 \js\文件夹，然后运行 ​​tsc index.ts (这将编译index.ts并更新index.js)

注意:构建 Cordova 应用程序时，您不需要源 .ts 文件

这是一个手动过程(每次更改代码时都必须执行此操作)，但我认为它可以帮助您入门，并让您了解在进行捆绑等之前发生的情况...

要考虑的后续步骤:

• 使用支持 TypeScript 的编辑器(例如 Visual Studio Code)
• 使用dist文件夹，以便您可以清楚地分离源文件
• 使用tsconfig.json
• 使用 Webpack ( https://webpack.js.org/concepts/ )