TypeScript(1)介绍与安装[通俗易懂]

TypeScript(1)介绍与安装[通俗易懂]前言由于最近在使用vue3写项目,使用vue3的前提就是要学习TypeScript,TypeScript算是JavaScript的升级版,TypeScript包含JavaScript和自己的一些特性

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

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/165343.html原文链接:https://javaforall.net

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


相关推荐

  • 用HTML5做的导航条(步骤非常详细)

    用HTML5做的导航条(步骤非常详细)转载请注明出处:这里写链接内容首先准备网页背景图片和导航背景图片,放在同一目录下的images文件夹中编写html文件

    2022年5月8日
    46
  • SQL优化最干货总结 – MySQL(2020最新版)[通俗易懂]

    MySQL-SQL优化干货总结(吐血版),别辜负了自己的梦想,欢迎白嫖、点赞、收藏。

    2022年4月6日
    44
  • setproperty java_Java中System.setProperty()的用法

    setproperty java_Java中System.setProperty()的用法该方法的作用是:设置指定键指示的系统属性在实际项目中发现,如果一个服务器下放置了多个web项目的话,在一个项目中通过调用System.setProperty设置了某个值,再另一个项目中也能获取到该值,所以如果想在一个项目中设置全局变量时尽量避免使用这个方法,应该调用相应的appContext。/**设置指定键对值的系统属性*setProperty(Stringprop,Stringva…

    2022年7月12日
    14
  • CEGUI小结

    CEGUI小结CEGUI文件类型.scheme它是CEGUI首先调用的一个文件,内容包括要使用的imageset文件、所对应的looknfeel文件,以及将要在looknfeel定义的控件的类型、工厂、渲染器和在looknfeel中的名字。如其中windowset指定了装载模块(.dll等)的名称,和一组可以注册到系统中的widget.不同版本的CEGUI里面scheme文件的结构可能

    2022年7月23日
    7
  • chrome浏览器对应驱动_chrome手机浏览器

    chrome浏览器对应驱动_chrome手机浏览器chrome浏览器驱动下载地址:http://chromedriver.storage.proxy.ustclug.org/index.htmlchrome浏览器对应的chromesdriver版本如何查看:首先查看chrome浏览器版本:(浏览器设置–关于chrome) 查看与浏览器对应的chromedriver版本(打开chromedriver下载地址,任选一版本打开) 选择下载与ch…

    2022年4月20日
    63
  • smartctl命令详解_strace命令详解

    smartctl命令详解_strace命令详解smartctl命令详解定义smart(Self-Monitoring,AnalysisandReportingTechnology)是常用的磁盘检查工具smartctl:smartd由kernel-utils包缺省安装。用命令rpm-qlkernel-utils可以列出kernel-utils包中的文件它有一个守护进程(一个帮助程序)smartd,它能监视拥有自我监视,分析和汇报技术(Self-Monitoring,Analysis,andReportingTechnol

    2022年10月8日
    2

发表回复

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

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