ieda ts文件报错_使用TS开发微信小程序(1):环境搭建——VSCode+TS

前言

现在接到小程序需要改版的需求,由于使用Ionic的经验,希望以后能够统一开发语言降低开发成本,所以想使用TypeScript进行开发。

开发前准备工作

先是看官网,在微信小程序的官方开发文档中找到TypeScript相关的支持介绍。

d1711928febf5265f63fa6fa8c76325b.png

微信官网描述

创建TS的示例项目

选择“建立普通快速启动模板(TypeScript)”,如下图所示

e3485a8e8eac387e3b4fe599f725cd1f.png

创建项目

创建好后如下图所示

23e02963962dbcb812ba2ff78a128c26.png

项目截图

可以看到预览页面跟普通小程序模板是类似的,同样是Index页面+Log页面,区别在于:

  1. 多了TS文件
  2. 需要点击构建

那么我们点击编译试试

oops!报错了

9574755cbb034eef81d351e2157d4af6.png
164cd4f1c2dad31bae1c39fea22335c2.png

报错信息

那么是什么原因呢?

其实是因为TypeScript环境没装好的因素。

我们运行如下命令就可以解决这个问题

npm install -g typescript

再次点击构建,成功!

使用VSCode

如果想要使用VSCode编写小程序,比较头疼的问题就是提示了。毕竟没有代码提示的情况下写代码真的很糟心!!!!

看网上很多文章推荐了MS的一个demo,然而那个Demo有很大的问题就是时效性,不能跟着小程序基础库版本升级,现在腾讯官方也开始维护.d.ts文件了,使用如下命令安装即可。

安装即可。

npm install miniprogram-ap

最后,希望大家可以多看官方文档,微信小程序官方还是提供了不少好东西的,推荐下微信小程序团队的Github项目:

https://github.com/wechat-miniprogram

iniprogram

写在最后

如果遇到如下图所示的TS2318问题,请参考我的另一篇文章

8138c7af90cb31a7710ed40e2c617120.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/551800.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python tk下拉列表_如何从Tkinter中的列表创建下拉菜单?

要创建“下拉菜单”,可以在tkinter中使用OptionMenu基本OptionMenu示例:from Tkinter import *master Tk()variable StringVar(master)variable.set("one") # default valuew OptionMenu(master, variable, "one", "two&quo…

cad统计多条线段总长度插件_超级实用CAD技巧应用汇总!技巧大全、插件合集、快捷键合集等...

超级实用CAD技巧应用汇总!技巧大全、插件合集、快捷键合集等各位朋友,CAD福利来啦!超级实用CAD技巧应用汇总,千万不能错过!有技巧大全、插件合集、快捷键合集、字体大全、常用图库大全、常见问题及解决办法、版本转换&…

局部放大_Origin教程|巧用ZOOM功能做数据对比和快速绘制局部放大图

微信公众号:有宝物的柜子编辑:落水无波2020-06-28 原创有时候在分析一些数据时,既需要观察整体又需要局部观测,那么怎么才能做到同时查看呢,就类似上面这样。这样就很容易的去发现有没有峰位偏移,同时查看与…

python sanic部署_Sanic教程:配置

配置对于一个项目来说,配置是一个很严肃的问题,比如说:在开发环境和生产环境中,配置是不同的,那么一个项目该如何自由地在不同的配置环境中进行切换呢,思考下,然后带着答案或者疑问往下阅读。单…

操作多台_一支热电偶能否连接多台显示仪表

一支热电偶能否连接多台显示仪表,这个问题常有人提出,因为随着DCS系统的应用及对管理工作的要求,需要对一个信号在多处显示也是常有的事。一支热电偶能否连接多台显示仪表或DCS系统板卡,连接后能否保证测量精度,这是人…

个性签名设计软件_佩服!我用Python设计了一个签名软件

临近年末,大家都忙着签发礼品,写的一手好的签名,会让大家更有成就感,今天,小安就带领大家来设计一个基于tkinter爬虫的签名设计软件,方便大家设计签名。要设计这款软件,就需要了解tkinter与爬虫…

华为硬件工程师社招机考题库_中级会计机考你了解吗?机考操作常见八大问题速看...

中级会计考试采用无纸化机考的形式,考生们在备考时要多熟悉机考操作,为了帮助考生提前了解无纸化机考,东奥小编整理了一些机考的常见问题,希望能够帮助到大家!一、参加无纸化考试的考生允许带计算器入场吗?…

网站攻击软件_佳能遭严重勒索软件攻击,10TB的数据被窃取,大量服务宕机

佳能遭严重勒索软件攻击,10TB的数据被窃取,大量服务宕机Garmin 遭勒索攻击的风波未平,近日,佳能又遭受了勒索软件攻击,攻击除了让佳能的一些网站宕机外,据说还导致佳能服务器中高达 10TB 的数据被盗。 影响…

python安装rarfile模块_python windows下安装pip及rarfile

python之所以被广泛使用,倒不见得是本身语法简单,而是而nodejs/javascript一样把三方库的依赖管理简化了,而不用和java一样非得通过maven管理,而且还得打包后在classpath中才能允许,这导致写一些小功能特别省事&#x…

js datagrid新增一行_Django接口新增页面编写_2(十五)

做一个好看的页面真的是一件困难的事情,所以还是遵循复制后修改的原则,首先是借鉴httpbin页面的方式进行块状展开。块状从模版中找到类似的html代码:块状我们可以看到一下它的动态效果,可以自主的展开和合拢。蛮符合我们的要求的动…

uboot下nand flash读写方法_鸿蒙HarmonyOS烧录方法总结

1.烧录工具理解HarmonyOS驱动框架,用户态APP和内核态驱动之间的通信机制。HarmonyOS烧录使用的海思自研的烧录工具Hitool,使用起来相对来说比较简单。整体界面如图所示:2. 烧录内容烧录内容主要分为两部分,一部分是引导文件fastbo…

adapt和adopt的区别_adopt和adapt的区别

1、意思含义不同,adapt是适应于的意思;adopt是收养采取的意思。2、使用形式不同,adapt可以及物动词,意思是“使适应,使适合”;adopt是及物动词,接名词或代词作宾语。作“采用,采纳,采取”解时,后面常接方法、方针、步骤…

合成孔径雷达_合成孔径雷达(SAR)基础:汇总

详细分析:合成孔径雷达成像技术对雷达成像的几点补充消费级小型无人机的合成孔径雷达成像我国微型合成孔径雷达发展现状对比三种天基系统,看SAR成像模式星载SAR详解:“高分三号”微波遥感卫星机载Pol-InSAR系统,新体制SAR成像结果…

将命令结果赋给变量_不得不了解的quot;变量quot;(2)—— 变量的赋值

祝大家圣诞快乐,今天晚上下班后去滑雪,第一次尝试单板,看着别玩玩得挺酷的,自己耍起来摔得差点骨头没散架!愈挫愈勇啦,就像我们学习脚本一样,要坚持学下去练下去才能熟练,才能日后装…

vscode代码库登录配置_VSCode 配置 Sonar Lint支持代码检查提效

安装SonarQube插件在VScode的扩展里面,安装SonarQube support for Visual Studio Code extension, 在安装了 SonarQube 之后,使用打开 VSCode 命令搜索功能,输入 Sonar,搜索结果如下:sonar lint 全局配置文…

数据立方体_立方体纹理

立方体纹理就是包含6个2D纹理的纹理.6个纹理有序排列在立方体的6个面.其可以通过方向向量采样立方体纹理上的纹素.创建立方体贴图跟创建2D贴图一样,但是绑定到GL_TEXTURE_CUBE_MAP上.glGenTextures(1, &CubeMapID); glBindTexture(GL_TEXTURE_CUBE_MAP, CubeMapID);立方体纹…

python运动目标检测与跟踪_基于OpenCV的运动目标检测与跟踪

尹俊超,刘直芳:基于OpenCV的运动目标检测与跟踪2011,Vol.32,No.828170引言运动目标检测跟踪技术在航空航天遥感、生物医学、工业自动化生产、军事公安目标侦查、智能机器人、多媒体电视制作、文化艺术等领域都有着非常广泛的应用,如由卡耐基梅…

db2 控制台执行创建函数语句_DB2数据库中创建定义函数

本文将为您详细介绍DB2数据库中创建用户自定义行数,用以扩展扩展内置的 DB2 函数的方法,供您参考,希望对您有所帮助。可以创建用户定义函数来扩展内置的 DB2 函数。例如,创建计算复杂的算术表达式或操作字符串的函数,然…

华为官方强制线刷工具_一加8/8Pro 线刷救砖

9008线刷是高通平台设备底层的刷机模式,是降级救砖必备良品,有了它,放心刷不想自己动手或遇到困难,可在后台回复: 远程刷机如果你是新手,要9008降级或者救砖,请先准备好充足的时间和良好的心态,…

python3.5兼容2.7吗_Python版本2.7切3.5和3.5切2.7

在Ubuntu上是自带Python2.7和3.5的 当你在终端输入Python的时候是显示Python2.7的叫大家你怎么切换到Python3.5版本1,查看是否存在python3.5终端输入 cd /usr/local/libls 查看 如果存在Python3.5 继续 没有的话 sudo apt-get install python3用命令删除 usr/bin/ 目录下默认的…