宜宾网站建设公司

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中进行自动编译


分享文章：TypeScript（1）介绍与安装
分享地址：http://ybzwz.com/article/dsojpcp.html

其他资讯