当前位置:
首页 > 网站开发 > JavaScript >
-
TypeScript(1)介绍与安装
前言
由于最近在使用vue3写项目,使用vue3的前提就是要学习TypeScript,TypeScript算是JavaScript的升级版,TypeScript包含JavaScript和自己的一些特性
介绍
TypeScript
是一种由微软开发的开源、跨平台的编程语言。它是JavaScript
的超集,最终会被编译为JavaScript
代码。2012年10月,微软发布了首个公开版本的TypeScript
,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScript
TypeScript
的作者是安德斯·海尔斯伯格,C#的首席架构师。它是开源和跨平台的编程语言。
- TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以运行在TypeScript环境中。
- TypeScript是为大型应用的开发而设计,并且可以编译为JavaScript。
- TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6+ 的支持**,它由 Microsoft 开发,代码开源于 GitHub 上
-
TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6+ 的支持,它由 Microsoft 开发,代码开源于 GitHub (opens new window)上
安装
安装TypeScript的命令很简单
npm install -g typescript
安装完成后,检查安装是否成功,命令如下:
tsc -V
编译
当我们编写好TypeScript代码后,是无法在浏览器上运行展示的,我们浏览器上最后呈现的都是JavaScript代码,所以我们需要将TypeScript代码编译成JavaScript代码
先创建一个01_typescript.ts
文件,编写如下代码:
function sayHi(str:string) {
return "您好呀" + str
}
let text = "james"
console.log(sayHi(text))
接下来进行手动编译,需要将01_typescript.ts
文件编译成01_typescript.js
文件,只需要在当前目录下执行如下命令:
tsc 01_typescript.ts
输出结果为一个01_typescript.js
文件,它包含了和输入文件中相同的 JavsScript
代码。
接着,在命令行上,通过node.js
运行这段代码
node 01_typescript.js
控制台输出
您好呀james
下一章将介绍如何在WebStorm
中进行自动编译
__EOF__
最新更新
Python双人五子棋
matplotlib可视化系列之【排版】
C# 编写一个简单易用的 Windows 截屏增强工
Python 引用其他路径下的module
【Python - 基础】基础是一切升华的根本
自动化办公:手机号码提取器,使用正则
C#/VB.NET 创建图片超链接
1w+ 字总结 Java 常用类,整理太全了,建议
EasyExcel-合并单元格
Spring Boot 3 开发上线一个前后端分离的生
三大常用数据库事务详解之三:事务运行
三大常用关系型数据库事务详解之二:基
三大关系型数据库事务详解之一:基本概
MongoDB常用命令(2)
MongoDB基本介绍与安装(1)
SQLServer触发器调用JavaWeb接口
SQL Server索引的原理深入解析
SqlServer2016模糊匹配的三种方式及效率问题
SQL中Truncate的用法
sqlserver 多表关联时在where语句中慎用tri
TypeScript(2)WebStorm自动编译TypeScript配置
TypeScript(1)介绍与安装
ES6 - promise(1)
ES6 - promise(2)
ES6 - promise(3)
面试-深拷贝
面试-函数内部声明变量
面试-闭包
vue组件传参的方法--bus事件总线
JS基础10--对象2