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

Question

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

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

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

非常感谢。

Answer 1

本质上（不涉及代码和资产捆绑）您想要做的是

• 将您的“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\文件夹将包含这两个文件

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

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

这是一个手动过程（每次更改代码时都必须这样做），但我认为它可以帮助您入门，并让您在转向捆绑等之前了解正在发生的事情...

需要考虑的后续步骤：

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