如何通过命令行创建Cordova+TypeScript项目或添加TypeScript支持

没问题！我给你一步步拆解怎么在你已经创建的MyApp项目里加上TypeScript支持，全程用命令行和文本编辑器就能搞定：

1. 初始化npm（如果还没做的话） #

首先进入你的项目根目录：

cd MyApp

然后快速初始化npm项目（所有选项用默认值）：

npm init -y

2. 安装TypeScript相关依赖 #

安装TypeScript编译器，还有Cordova API的类型定义文件（给你TS代码提供自动补全和类型检查）：

npm install typescript @types/cordova --save-dev

3. 创建TypeScript配置文件 #

在项目根目录新建tsconfig.json，粘贴下面的配置（可以根据你的需求调整细节）：

{
  "compilerOptions": {
    "target": "ES2017",        // 编译到兼容大部分移动浏览器的ES版本
    "module": "ESNext",        // 适配浏览器的模块系统
    "outDir": "./www/js",      // TS编译后的JS文件输出到原Cordova的JS目录
    "rootDir": "./src",        // 你的TS源码统一放在src文件夹
    "strict": true,            // 开启严格类型检查（推荐，能提前发现很多问题）
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": [
    "./src/**/*"               // 包含src下所有TS文件
  ],
  "exclude": [
    "node_modules",
    "www"                      // 排除www目录，避免编译已生成的JS文件
  ]
}

4. 调整项目结构 #

• 在项目根目录新建src文件夹，专门存放你的TypeScript源码
• 删除www/js里默认的index.js，然后在src里新建index.ts，写个简单的测试代码：

document.addEventListener('deviceready', () => {
  console.log('Cordova is ready!');
  // 这里可以用TypeScript写业务逻辑，Cordova API会自动有类型提示
  alert(`当前设备型号: ${device.model}`);
}, false);

5. 配置编译命令 #

打开package.json，在scripts字段里添加编译相关命令：

"scripts": {
  "build": "tsc",
  "watch": "tsc --watch" // 可选：实时监听TS文件变化，自动重新编译
}

6. 编译并测试项目 #

• 先运行编译命令，把TS代码转成JS：

npm run build

• 确认www/js目录下生成了index.js文件
• 然后正常启动你的Cordova项目：

cordova run android # 或者根据你的目标平台换成 cordova run ios

如果是日常开发，你可以打开另一个终端窗口运行npm run watch，这样修改TS文件后会自动编译，不用每次手动执行build命令。

内容的提问来源于stack exchange，提问作者Mohamad seif