Question

如何用TypeScript开发微信小程序

Answer 1

方法步骤如下：

1、工具需求

（1）TypeScript

2、利用TypeScript开发微信小程序需要4个核心文件如下

（1）App：代码整个应用程序的抽象对象，可以设置全局的方法和变量

（2）Page：    页面抽象对象，承载页面业务逻辑

（3）WXML：  页面的结构，相当于html 

（4）JSON：   配置文件

（5）WXSS：  页面的样式，相当于css

3、然后由于目前腾讯没有小程序的TypeScript版本的API，所以OneCode team针对目前腾讯放出的所有的小程序JavaScript API开发了一个TypeScript版本的API类型定义文件 wxAPI.d.ts，如图。

（1）最后只需要在程序中引用该文件，如果是使用Visual Studio来开发的话，就能有代码提示了

Answer 2

1. 创建小程序时语言选择TypeScript
2. 执行 npm init 一路 Enter 到底
3. 在 miniprogram 目录下创建 miniprogram_npm
4. 根目录 package.json 修改"scripts" 如下:
"scripts": {
"compile": "./node_modules/typescript/bin/tsc",
"tsc": "node ./node_modules/typescript/lib/tsc.js"
}
5. 根目录 project.config.json 修改 "scripts" 与 "packNpmManually" 和 "packNpmRelationList" 如下:
"scripts": {
"beforeCompile": "npm run tsc",
"beforePreview": "npm run tsc",
"beforeUpload": "npm run tsc"
}
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram"
}
]
6. 项目详情（开发工具右上角）本地配置中，选中"使用npm模块"、"启用自定义处理命令"
7. 执行 npm install typescript --save-dev
8. 执行 npm install
9. 在工具中点击 "构建npm"
10. 点击编译