当前位置: 首页 > news >正文

typescript环境搭建,及tsc命令优化

typescript

typescript. 是一种由微软开发的 开源 、跨平台的编程语言。. 它是 JavaScript 的超集,最终会被编译为JavaScript代码。. TypeScript添加了可选的静态类型系统、很多尚未正式发布的ECMAScript新特性(如装饰器 [1] )。. 2012年10月,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScript。. 截至目前最新版本为TypeScript4.0 。.

typescript语法

所有合法JavaScript语法都是typescript语法,typescript是JavaScript的超集

环境搭建

1.1. TypeScript环境安装
由于TypeScript最终会被编译成JavaScript代码,所以我们必然需要对应的编译环境:

首先,TypeScript的环境安装依赖Node,所以需要先保证电脑上有Node和NPM环境;
其次,可以通过NPM来安装TypeScript,之后就可以通过 tsc 来编译TypeScript的代码;

// 安装命令
npm install typescript -g// 查看版本
tsc --version

在这里插入图片描述

typescript代码第一次运行尝试

声明一个ts字符串变量,并打印

代码示例

let ts: String = 'hello typeScript'
console.log(ts)

首先运行tsc将typescript编译成JavaScript代码,因为代码最终运行在浏览器上,而浏览器是不识别TypeScript代码的,我们需要对他们进行编译:再运行node 将编译好的js代码运行
在这里插入图片描述

我们会发现,生成了一个index.js文件,并且其中的代码就是普通的JavaScript代码。

在这里插入图片描述
这时候我们可以直接使用node运行一下这段js代码,如下输出hello typescript
在这里插入图片描述

tsc命令优化

如上,我们没次写完ts代码后,都需要使用tsc将ts代码转义成js代码后才能运行,这样太麻烦了
简化方式

  1. 使用ts-node包,直接在node.js环境中执行ts代码

安装ts-node包命令

npm install -g ts-node 

ts-node包提供了ts-node命令,这个命令会将ts代码转为js代码,然后再执行
示例如下
在这里插入图片描述

http://www.lryc.cn/news/166846.html

相关文章:

  • suning苏宁API接入说明(苏宁商品详情+关键词搜索商品列表)
  • 类和对象(3)
  • C++下基于粒子群算法解决TSP问题
  • vue3 ElementUI Switch before-change自动调用问题
  • 【chromium】windows 获取源码到本地
  • Nacos-Go-Sdk代码逻辑解析
  • 检测opencv是否安装成功
  • 如果你是独立开发者,你是先写前端还是先写后端?
  • Pytorch intermediate(四) Language Model (RNN-LM)
  • C++零碎记录(十)
  • 人类学习 vs. 机器学习
  • 【LeetCode-中等题】15. 三数之和
  • Apache Tomcat漏洞复现
  • C++模版基础
  • 解决 Elasticsearch 分页查询记录超过10000时异常
  • 百度千帆大模型文心一言api调用
  • 关于HTTP协议的概述
  • ATFX汇市:8月名义与核心CPI走势分化,美国通胀率算升高还是降低?
  • c++ 中的函数指针
  • 奶牛个体识别 奶牛身份识别
  • 【力扣每日一题】2023.9.13 检查骑士巡视方案
  • 【Vue】关于CSS样式绑定整理
  • Sql语句大全--更新
  • Java面试八股文宝典:序言
  • 【多线程案例】单例模式
  • 阿里云部署SpringBoot项目启动后被杀进程的问题
  • git仓库推送错误
  • 计网第五章(运输层)(三)
  • OpenCV 07(图像滤波器)
  • uniapp项目实践总结(十三)封装文件操作方法