代码编织梦想

最近在学习 typescript 每次学习完想做一个小结,以加深巩固,也防止以后遗忘

环境的搭建

我用的是vscode 本来感觉 webstorm 挺好用的,结果之前白嫖的激活码到期了,找半天也没找到,所以只好开始用vscode

(1) 安装 typescript
这一步很简单,有 node 的情况下直接 npm install typescript - g 即可
考虑到网络的话,也可以用 cnpm。
安装完后,查看版本,tsc -v
zh
(2) 由于浏览器不支持 .ts 文件的编译,因此得将其编译为 es5 的 .js 文件
手动编译的话,直接在终端打开文件所在目录,输入 tsc index.ts 即可,
这样就会在当前目录下 生成一个 index.js 文件。
。。
当然,最好的是他能自动编译,
所以我们可以在当前文件夹下建议一个 tsconfig.json 文件
方法如下:
在终端当前文件夹 输入 tsc --init
即可得到 该文件夹。
我们对其改动如下:
在这里插入图片描述
1,将 “outDir” 的值 改成自己想要的文件夹
,2,接着,点击上方工具栏的 Teminal ->run task…->watch typescript 即可监听 ts 文件的变化,并随时编译

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接: https://blog.csdn.net/weixin_45466776/article/details/111055383

ECharts 实现世界地图-爱代码爱编程

效果图 源代码(仅供参考) <template> <div class="echarts"> <div class="className" id="id" style="width: 100%; height: 450px" ref="myEchart"

element时间选择器的选择时间限制在一个月(亲测有效)-爱代码爱编程

时间选择器的选择时间限制在一个月 <el-date-picker type="daterange" unlink-panels value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-

最新 eCharts 世界地图国家名映射-爱代码爱编程

* 直接复制即可 nameMap: { "Afghanistan": "阿富汗", "Angola": "安哥拉", "Albania": "阿尔巴尼亚", "Algeria": "阿尔及利亚", "Argen

WQ-爱代码爱编程

WQ博客 试用CSDN博客新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与

typeScript第一天—静态类型和类型推断-爱代码爱编程

前提 安装 Node 的运行环境(https://node.js.org) 建议使用淘宝镜像全局安装 typeScriptnpm install typescript -g如果不下插件,不能直接运行ts,最好是用ts-node插件npm install -g ts-node 静态类型 如何定义静态类型 Static Typing,定义,就不可以再改

typescripe第二天—返回类型和注解-爱代码爱编程

函数参数类型和返回类型定义 简单类型定义 如下图,getTotal没有给它定义返回值类型,虽然被推断出了返回值是number类型,但如图所示,有string存在时,并未报错 可以直接给total一个类型注解,但错误的根本是getTotal()函数的错误 const total: number = getTotal(1, 2); 合适的做法是给函数