最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
使用Typescript开发微信小程序代码步骤解析
时间:2021-01-12 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下使用Typescript开发微信小程序代码步骤解析,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
这个分两种情况,最简单的做法就是在创建项目时,选择Typescript这个选项,如下图所示。但要注意,这个选项只有在选择"Use no cloud service"才有,而另外一种Mini Program Cloud Base则不支持。这个可能是开发工具还没有跟上吧,希望以后默认也能选择。
那么问题就来了,如果我选择了第一种Mini Program Cloud Base,亦或是我之前有一个项目,现在也想用Typescript,怎么办呢?其实也不难,请参考下面我总结的步骤。
第一步:确保你的项目有一个package.json文件,并且确保增加如下两行,其他的可以不一样。如果该文件不存在,请用npm init命令生成。该文件修改完后,请运行npm install命令生成本地的依赖。
第二步,为你的项目增加一个tsconfig.json文件,内容如下
{ "compilerOptions": { "strictNullChecks": true, "noImplicitAny": true, "module": "CommonJS", "target": "ES5", "allowJs": false, "experimentalDecorators": true, "noImplicitThis": true, "noImplicitReturns": true, "alwaysStrict": true, "inlineSourceMap": true, "inlineSources": true, "noFallthroughCasesInSwitch": true, "noUnusedLocals": true, "noUnusedParameters": true, "strict": true, "removeComments": true, "pretty": true, "strictPropertyInitialization": true, "lib": [ "es5" ], "typeRoots": [ "./typings" ] }, "include": [ "./**/*.ts" ], "exclude": [ "node_modules" ] }
第三步,下载下面这个压缩包,解压缩,放在项目的根目录下
http://xiazai.jb51.net/202101/yuanma/typings_jb51.rar
这里的文件是腾讯官方提供的类型定义文件d.ts
第四步,修改project.config.json 文件,添加预处理命令
"scripts": { "beforeCompile": "npm run tsc", "beforePreview": "npm run tsc", "beforeUpload": "npm run tsc" },
第五步,确保在"微信开发者工具"中启用了预处理命令。
相关文章
- SpringBoot测试配置属性与web启动环境解析 10-24
- SpringBoot常用计量与bean属性校验和进制数据转换规则解析 10-24
- 工厂方法在Spring框架中的运用介绍 10-24
- SpringBoot热部署设置详解 10-24
- JavaScript二叉搜索树构建操作解析 10-12
- JavaScript二叉树及各种遍历算法讲解 10-12