typeScript起步篇

本文介绍了TypeScript作为JavaScript超集的重要性,强调其类型系统如何增强代码质量,以及在Vue3、Angular和React中的应用实例。讲解了VSCode和Node.js在TypeScript开发中的角色,以及如何通过ts-node简化执行。重点讨论了TS到JS的转换和运行过程,以及为何它成为大型项目开发的趋势。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、介绍

1.ts是js的超集
2.ts增加了类型系统
3.ts是微软开发的开源编程语言,设计目标是开发大型应用可以在任何浏览器、任何计算机、任何操作系统上运行。

二、TypeScript相比JS的优势

优势—:类型化思维方式,使得开发更加严谨,提前发现错误,减少改Bug时间。

优势二:类型系统提高了代码可读性,并使维护和重构代码更加容易。

优势三:补充了接口、枚举等开发大型应用时S缺失的功能。

vue 3源码使用TS重写,释放出重要信号:TS是趋势。

Angular默认支持T5; React 与T5完美配合,是很多大型项目的首选。

三、开发工具

1.写代码的工具: Visual Studio Code (简称: VSCode),微软开发的代码编辑工具。

2.运行TS / IS代码的工具: Node.js,一个基于Chrome浏览器v8解析引擎的JavaScript运行环境。

3.安装解析TS的工具包 输入安装命令: npm i -g typescript敲回车,来安装(注意:需要联网)。

为什么要用下载插件

Node.js/浏览器,只认识JS代码,不认识TS代码。

斋要先将TS代码转化为JS,然后就可以在Node.js/浏览器中运行了。

四、运行ts文件

TS代码->JS代码:在当前目录打开终端,输入命令 tsc hello.ts 敲回车。

执行JS:输入命令node hello.js (注意:后缀为.js)。

tsc hello.ts会生成—个 hello.js文件。

node hello.js表示执行这个JS文件中的代码。

简化执行TS的步骤:

1.使用ts-node 包,“直接”在Node.js 中执行TS代码。

2.安装命令:npm i -g ts-node。

使用vscode的时候可能conse.log会报错以下是链接使用vscode中使用ts找不到名称 “console“。是否需要更改目标库? 请尝试将 `lib` 编译器选项更改为包含 “dom“。_vue&&js的博客-优快云博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值