Typescript教程_typescript在线运行

Typescript教程_typescript在线运行前言由于最近在使用vue3写项目,使用vue3的前提就是要学习TypeScript,TypeScript算是JavaScript的升级版,TypeScript包含JavaScript和自己的一些特性


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

前言

由于最近在使用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中进行自动编译

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/166049.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • flask中的jsonify「建议收藏」

    flask中的jsonify「建议收藏」示例代码#-*-coding:utf-8-*-#@Time:2020/9/1711:46下午#@Author:renwoxing#@File:flask_restful_demo.py#@Software:PyCharmfromflaskimportFlask,jsonify,abort,requestapp=Flask(__name__)books=[{‘id’:1,’n

    2022年5月23日
  • 01.分布式文件系统FastDFS

    01.分布式文件系统FastDFS

    2021年7月12日
  • 【PLSQL】package包的使用

    【PLSQL】package包的使用

    2021年12月16日
  • Dubbo框架介绍「建议收藏」

    Dubbo是一个常用的分布式服务框架,它致力于提供高性能和透明化的RPC远程调用服务方案,Dubbo有助于开发企业级的开发效率,以及可以通过简单的配置就可以做到负载均衡。   一、Dubbo的基础知识   1.Dubbo是什么   2.Dubbo涉及的知识      二、Dubbo框架设计介绍   1.Dubbo的各个角色

    2022年4月13日
  • http请求过程图解_性能优化的方法

    http请求过程图解_性能优化的方法之前有整理过一部分知识点,一直没有发布,因为都是有关CSS方面的零散内容;现在想想无论做什么都需要慢慢积累,所以还是决定将之前整理的相关内容验证之后慢慢分享给你们,现在看到感觉还挺有意思。好了废话不多说,直接上代码以及图例(为了让大家方便阅读,都有自己验证过程的一些图片作为分享)。1.什么是Web前端1.Web前端本质上是一种GUI软件,可以直接借鉴其它GUI软件系统架构设计方法。1.什么是GUI软件?1.图形化用户界面:

    2022年9月1日
  • docker日志存放位置_oracle数据库日志文件在哪里

    docker日志存放位置_oracle数据库日志文件在哪里binlog就是binarylog,二进制日志文件,这个文件记录了mysql所有的dml操作。通过binlog日志我们可以做数据恢复,做主住复制和主从复制等等。对于开发者可能对binlog并不怎么关注,但是对于运维或者架构人员来讲是非常重要的。如何开启mysql的binlog日志呢?在my.inf主配置文件中直接添加三行log_bin=ONlog_bin_basename=/var/lib/m…

    2022年10月15日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号