TS---typescript的安装和tsc命令使用

news2024/7/6 17:05:22

什么是TS---typescript?

(TypeScript是Microsoft公司注册商标)

  • TypeScript具有类型系统,且是JavaScript的超集, 它可以编译成普通的JavaScript代码。
  • TypeScript支持任意浏览器,任意环境,任意系统并且是开源的。
  • TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,
  • TypeScript 通过类型注解提供编译时的静态类型检查。
  • TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

Typescript是基于JavaScript实现的,它实现了对js的类型规范,让一些语义化的错误暴露出来,

例如,

// js中:
let a = 10;
a.length;// undefined
a = "数字";
// 正确

// ts中:
let b = 10; // let b:number = 10;
b.length;// 错误,length属性不存在
b = "数字";
// 错误,你不能给number类型赋值成string类型

        js是弱类型语言,对于变量赋值,引用方面都比较宽松,比如可以将数字变量赋值成字符,使用为声明的属性(返回null或者undefined),都不会产生错误,但是在严格的开发环境下,这种不严谨的规则会留下很大的隐患,将这中类型的错误在编译时暴露出来可以减少很多隐性的错误产生,

        而typescript能完美的解决这个问题,typescript是强类型的语言,它的语法规则是严格的,任何不合乎逻辑的引用赋值都会产生错误并暴露出来;在此基础上,有了严格的语义规则,typescript可以实现JavaScript一些没有的数据类型和结构(枚举,接口......),

        所以,Typescript是基于JavaScript实现的强类型语言(所有的ts代码都可以转换成js代码),同时它实现了JavaScript原本没有结构功能(超集)

Typescript的安装和使用示例

安装

使用npm安装,推荐全局安装

 npm install -g typescript

在项目中使用typescript

npm install typescript

npm install @types/node

npm install @tsconfig/node20

 

安装完之后,输入tsc -v成功显示版本号,就可以新建ts文件开始编写ts代码

使用示例

编写一个简单的ts代码

let str:string = "Hello, World!";
console.log(str);

使用tsc命令将ts代码转成js代码,然后再执行js代码,成功打印出了hello word

注意:不管是再命令行还是浏览器中,ts最终都是编译转成js代码再执行的

到这里就成功安装了typescript并成功运行了typescript,

扩展

Typescript的扩展运行

执行ts代码时每次都要转成js执行,这显然不是很方便,在node环境(命令行)下,可以使用ts-node直接执行ts代码

npm安装:

npm install ts-node -g

删除之前的index.js ,直接运行ts代码

ts-node xxx.ts

可以看到并没有新产生js文件,但成功打印了结果

tsc命令

tsc
// 编译目录下所有的ts文件转成js

tsc xxx.ts
// 编译指定ts文件转成js

tsc -w
// 实时编译目录下ts文件,保存后立即编译一次

tsc -init
// 当前目录下生成一个tsconfig.json配置文件

 

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

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

相关文章

2025中国淄博化工展|淄博化工技术展|淄博化工装备展

CTEE2025第九届中国(淄博)化工技术装备展览会 时间:2025年5月16-18日 地点:山东淄博国际会展中心 主办单位:山东省机械工业科学技术协会 青岛蓝博国际会展有限公司 众所周知,山东省是我国化工大省。2023年上半年&am…

WordPress主题开发进群付费主题v1.1.2 多种引流方式

全新前端UI界面,多种前端交互特效让页面不再单调,进群页面群成员数,群成员头像名称,每次刷新页面随机更新不重复,最下面评论和点赞也是如此随机刷新不重复 进群页面简介,群聊名称,群内展示&…

昇思MindSpore学习笔记2-04 LLM原理和实践--文本解码原理--以MindNLP为例

摘要: 介绍了昇思MindSpore AI框架采用贪心搜索、集束搜索计算高概率词生成文本的方法、步骤,并为解决重复等问题所作的多种尝试。 这一节完全看不懂,猜测是如何用一定范围的词造句。 一、概念 自回归语言模型 文本序列概率分布 分解为每…

SpringMVC的基本使用

SpringMVC简介 SpringMVC是Spring提供的一套建立在Servlet基础上,基于MVC模式的web解决方案 SpringMVC核心组件 DispatcherServlet:前置控制器,来自客户端的所有请求都经由DispatcherServlet进行处理和分发Handler:处理器&…

C语言+ MSSQL技术开发的 PACS系统源码:CT后处理技术之仿真内镜CTVE

C语言 MSSQL技术开发的 PACS系统源码:CT后处理技术之仿真内镜CTVE 仿真内窥镜VE VE是利用医学影像作为原始数据,融合图像处理、计算机图形学、科学计算可视化、虚拟现实技术,模拟传统光学内镜的一种技术。 又叫做腔内重建技术,是…

使用瀚高数据库开发管理工具进行数据的备份与恢复---国产瀚高数据库工作笔记008

使用瀚高数据库,备份 恢复数据 然后找到对应的目录 其实就是hgdbdeveloper,瀚高的数据库开发管理工具 对应的包中有个dbclient 这个目录,选中这个目录以后,就可以了,然后 在对应的数据库,比如 data_middle 中,选中 某个模式,比如bigdata_huiju 然后右键进行,点击 恢复,然…

入门Salesforce:必须掌握的20+基础专业术语!

Salesforce的发展令人印象深刻。在过去的20年中,Salesforce创建了一个由管理员、开发人员、顾问和用户组成的生态系统,不断颠覆创新CRM,促进平等和多样性。 作为初学者,探索Salesforce领域就像学习一门新语言。Salesforce中有着大…

最新CRMEB商城多商户java版源码v1.6版本+前端uniapp

CRMEB 开源商城系统Java版,基于JavaVueUni-app开发,在微信公众号、小程序、H5移动端都能使用,代码全开源无加密,独立部署,二开很方便,还支持免费商用,能满足企业新零售、分销推广、拼团、砍价、…

【设计模式】【行为型模式】【责任链模式】

系列文章目录 可跳转到下面链接查看下表所有内容https://blog.csdn.net/handsomethefirst/article/details/138226266?spm1001.2014.3001.5501文章浏览阅读2次。系列文章大全https://blog.csdn.net/handsomethefirst/article/details/138226266?spm1001.2014.3001.5501 目录…

Android SQLite 数据库存学习与总结

Android 系统内置了一个名为 SQLite 数据库。那么 SQLite 是一种什么样的数据库,它有那些特点,应该怎么操作它?下面,让我们就来认识一下它吧。 1、概念: SQLite 是一种轻量级的关系型数据库,它不仅支持标准…

【实战】EasyExcel实现百万级数据导入导出

文章目录 前言技术积累实战演示实现思路模拟代码测试结果 前言 最近接到一个百万级excel数据导入导出的需求,大概就是我们在进行公众号API群发的时候,需要支持500w以上的openid进行群发,并且可以提供发送openid数据的导出功能。可能有的同学…

电脑录歌用什么软件好?分享电脑录音软件:6款

短视频普遍的今天,越来越多的人喜欢通过电脑进行音乐创作和录制。然而,面对市面上琳琅满目的电脑录音软件,很多人可能会感到困惑:电脑录歌用什么软件好呢?本文将为大家分享六款精选的录音软件,帮助大家找到…

主从同步binlog

主从同步的原理是怎样的 提到主从同步的原理,我们就需要了解在数据库中的一个重要日志文件,那就是 Binlog 二 进制日志,它记录了对数据库进行更新的事件。实际上主从同步的原理就是基于 Binlog 进 行数据同步的。在主从复制过程中&#xff…

KVM性能优化之CPU优化

1、查看kvm虚拟机vCPU的QEMU线程 ps -eLo ruser,pid,ppid,lwp,psr,args |awk /^qemu/{print $1,$2,$3,$4,$5,$6,$8} 注:vcpu是不同的线程,而不同的线程是跑在不同的cpu上,一般情况,虚拟机在运行时自身会点用3个cpus,为保证生产环…

第二篇——始计篇:“计”是最早的SWOT分析

目录 一、背景介绍二、思路&方案三、过程1.思维导图2.文章中经典的句子理解3.学习之后对于投资市场的理解4.通过这篇文章结合我知道的东西我能想到什么? 四、总结五、升华 一、背景介绍 第二次详读孙子兵法,当初听讲解的时候,就觉得自己…

短剧系统开发:如何让你的创意变成现实

短剧系统开发是一个将创意转化为现实的过程,它涉及多个方面,包括需求分析、系统设计、开发环境搭建、前后端开发、测试与发布等。 1. 需求分析 (1)明确目标:首先,明确短剧系统的目标和定位,包括…

某智能装备公司如何实现多个工程师共用1台图形工作站

在当今快速发展的科技领域,资源共享和高效利用已成为企业提升竞争力的关键,特别是在工程设计和研发领域。如何最大化地利用有限的资源,如工作站,成为了许多公司面临的挑战。某智能装备公司便是在这样的背景下,通过云飞…

【如何使用RSA签名验签】python语言

文章目录 签名方法异步同步通知数据验签生活号响应数据验签同步响应数据验签 🌈你好呀!我是 山顶风景独好 🎈欢迎踏入我的博客世界,能与您在此邂逅,真是缘分使然!😊 🌸愿您在此停留的…

002-基于Sklearn的机器学习入门:基本概念

本节将继续介绍与机器学习有关的一些基本概念,包括机器学习的分类,性能指标等。同样,如果你对本节内容很熟悉,可直接跳过。 2.1 机器学习概述 2.1.1 什么是机器学习 常见的监督学习方法 2.1.2 机器学习的分类 机器学习一般包括监…

玉林师范学院宿舍管理系统的设计与实现19633

玉林师范学院宿舍管理系统设计与实现 摘要:随着大学生人数的增加,宿舍管理成为高校管理中的重要问题。本论文旨在研究玉林师范学院宿舍管理系统,探讨其优势和不足,并提出改进建议。通过对相关文献的综述和实地调研,我们…