使用Typescript开发微信小程序的步骤详解_javascript技巧

来源:脚本之家  责任编辑:小易  

Typescript的优势咱不需要赘述太多,有兴趣可以参考(https://www.typescriptlang.org/)。今天给大家分享一下如何在微信小程序(或者其他同类小程序)开发中使用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"

},

第五步,确保在"微信开发者工具"中启用了预处理命令。

搞定,这样就可以愉快地使用Typescript进行微信小程序的开发了,而且我还更加推荐用VS Code直接进行开发,"微信开发者工具"仅用来做编译和发布,这个开发体验真的很流畅,如丝般顺滑。下一篇有时间我再分享这个内容吧。

到此这篇关于使用Typescript开发微信小程序的步骤详解的文章就介绍到这了,更多相关Typescript开发微信小程序内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

您可能感兴趣的文章:使用TypeScript开发微信小程序的方法

  • 本文相关:
  • 解析javascript中难以理解的11个问题
  • js的表单操作 简单计算器
  • php对mongodb的扩展(小试牛刀)
  • 在ajax中使用flash实现跨域数据读取的实现方法
  • javascript+css实现的可折叠二级菜单实例
  • js中settimeout的妙用--防止循环超时
  • js获取鼠标位置实例详解
  • javascript(ajax)解析xml的代码(兼容firefox/ie)
  • javascript实现正则去除a标签并保留内容的方法【测试可用】
  • js转换对象为xml
  • 如何用TypeScript开发微信小程序
  • 怎样用js开发微信小程序
  • 如何开发微信小程序需要哪些技术
  • 如何用TypeScript开发微信小程序
  • TypeScript是怎么提高JavaScript编程效果的
  • 如何用TypeScript开发微信小程序
  • 简述开发微信小程序项目的步骤流程有哪些?
  • 开发微信小程序的流程是怎么样的?
  • 如何用TypeScript开发微信小程序
  • 如何用TypeScript开发微信小程序
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascript使用typescript开发微信小程序的方法解析javascript中难以理解的11个问题js的表单操作 简单计算器php对mongodb的扩展(小试牛刀)在ajax中使用flash实现跨域数据读取的实现方法javascript+css实现的可折叠二级菜单实例js中settimeout的妙用--防止循环超时js获取鼠标位置实例详解javascript(ajax)解析xml的代码(兼容firefox/ie)javascript实现正则去除a标签并保留内容的方法【测试可用】js转换对象为xmljs刷新页面方法大全js删除数组里的某个元素方法js中settimeout()的用法详解js截取字符串常用方法详细整理js页面跳转常用的几种方式js打开新窗口的2种方式js数组与字符串的相互转换方法js设置cookie、读取cookie、删除js 将json字符串转换为json对象的js保留两位小数方法总结javascript监听键盘事件代码实现javascript简易画板开发用js解决数字不能换行问题jsonp跨域请求实现示例刷新页面后让控制台的js代码继续执行js实现的base64加密解密完整实例详解mvc如何使用开源分页插件(shenniu.p光标定位等textrange的操作的范例代码javascript 自定义常用方法
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved