如何使用打印稿编写一个微信小程序项目

  介绍

如何使用打印稿编写一个微信小程序项目?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

{   ,“name":,“miniprogram-ts-quickstart"   ,“version":,“1.0.0"   ,“description":““,   ,“scripts": {   ,“compile":“。/node_modules/打印稿/bin/tsc",   ,“tsc":“node 。/node_modules/打印稿/lib/tsc.js"   },   ,“keywords": [],   ,“author":““,   ,“license":““,   ,“dependencies": {   },   ,“devDependencies": {   ,“typescript":“^ 4.1.3",   ,“miniprogram-api-typings":“^ 2.12.1-beta.0"   ,}   }

编辑tsconfig。json文件,修改自由为“esnext",支持最新语法,删除typeRoots配置项

{   ,“compilerOptions": {   ,“strictNullChecks":没错,   ,“noImplicitAny":没错,   ,“module":,“CommonJS"   ,“target":,“ES5"   ,“allowJs":假的,   ,“experimentalDecorators":没错,   ,“noImplicitThis":没错,   ,“noImplicitReturns":没错,   ,“alwaysStrict":没错,   ,“inlineSourceMap":没错,   ,“inlineSources":没错,   ,“noFallthroughCasesInSwitch":没错,   ,“noUnusedLocals":没错,   ,“noUnusedParameters":没错,   ,“strict":没错,   ,“removeComments":没错,   ,“pretty":没错,   ,“strictPropertyInitialization":没错,   ,“lib": [“esnext"]   },   ,“include":,   “。/* */* .ts"   ,),   ,“exclude":,   ,“node_modules"   ,)   }

执行<代码> npm安装

删除项目下打字目录,的复制node_modules下miniprogram-api-typings的类型文件到项目根目录

在miniprogram下创建接口目录并创建IAppOption。ts文件,最后编辑app.ts文件,

//, IAppOption.ts   export  default  interface  IAppOption  {   ,globalData: {   ,,文字:字符串;   ,}   }//app.ts   import  IAppOption 得到“。/接口/IAppOption";      App ({   ,globalData: {   ,,文字:“你好,词!“   },   ,onLaunch (), {   ,}   })

在详细→本地设置→调试基础库,直接选择最新的

使用承诺化的微信小程序api

以前可以通过<代码> miniprogram-api-promise 这个包来完成api承诺化,或者自己写

现在可以直接使用,比如wx。getStorageInfo,在<代码> lib.wx.api.d。ts> PromisifySuccessResult

<代码> PromisifySuccessResult 返回了承诺

getStorageInfo (   选项?:TOption   ):,PromisifySuccessResult      type  PromisifySuccessResult在[0]在

两种用法,大多数api都支持

, wx.getStorageInfo ({   成功:大敌;(),=祝辞,{   console.log才能(& # 39;成功执行& # 39;)   },   失败:大敌;(),=祝辞,{   console.log才能(& # 39;失败执行& # 39;)   },   ,完成:(),=祝辞,{   console.log才能(& # 39;接口调用结束& # 39;)   ,}   })   wx.getStorageInfo()(),=祝辞,{   ,console.log(& # 39;成功执行& # 39;)   }).catch((),=祝辞,{   ,console.log(& # 39;失败执行& # 39;)   });((),=祝辞,{   ,console.log(& # 39;接口调用结束& # 39;)   })

关于如何使用打印稿编写一个微信小程序项目问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。

如何使用打印稿编写一个微信小程序项目