zoukankan      html  css  js  c++  java
  • 初识Typescript以及Typescript的安装

    一、Typescript是什么?
    Typescript是JavaScript 的一个超集,TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。
    其实TypeScript就是相当于JavaScript的增强版,但是最后运行时还要编译成JavaScript。TypeScript最大的目的是让程序员更具创造性,提高生产力,它将极大增强JavaScript编写应用的开发和调试环节,让JavaScript能够方便用于编写大型应用和进行多人协作。
    二、Typescript和Javascript的对比?
    1、TypeScript是一个应用程序级的JavaScript开发语言。(这也表示TypeScript比较牛逼,可以开发大型应用,或者说更适合开发大型应用)
    2、TypeScript是JavaScript的超集,可以编译成纯JavaScript。这个和我们CSS里的Less或者Sass是很像的,我们用更好的代码编写方式来进行编写,最后还是有好生成原生的JavaScript语言。
    3、TypeScript跨浏览器、跨操作系统、跨主机、且开源。由于最后他编译成了JavaScript所以只要能运行JS的地方,都可以运行我们写的程序,设置在node.js里。
    4、TypeScript始于JavaScript,终于JavaScript。遵循JavaScript的语法和语义,所以对于我们前端从业者来说,学习前来得心应手,并没有太大的难度。
    5、TypeScript可以重用JavaScript代码,调用流行的JavaScript库。
    6、TypeScript提供了类、模块和接口,更易于构建组件和维护。

    三、安装Typescript包
    Tip:安装node
    1、安装typescript包:

        sudo npm install typescript -g   // (mac需要添加sudo,window则不需要)   
        tsc -v // 查看版本号
    
    2、编写hello world
    (1)初始化项目
    
        npm init -y
    
    (2) typescript配置文件 
    
        tsc --init
    
    (3)安装@type/node(解决模块声明问题)
    
        npm install @types/node --dev-save
    
    (4)创建编写HelloWorld.ts文件
    
        touch HelloWorld.ts
        var a:string = 'HelloWorld'
        console.log(a)
    
    (5)将HelloWorld.ts转换为HelloWorld.js,并运行
    
        tsc HelloWorld.ts  // 将ts装换为js文件
        node HelloWorld.js    // 运行HelloWorld.js
        HelloWorld  // 终端打印结果
    
    3、ts转换为js的过程
    

  • 相关阅读:
    hdu 4578 线段树 ****
    hdu 4576 概率dp **
    hdu 4622 **
    vue中保存和获取cookie,读写cookie以及设置有效时间等,使用js-cookie
    go语言 strconv.ParseInt 的例子
    【golang】unsafe.Sizeof浅析
    Golang 漫谈之channel妙法
    总结了才知道,原来channel有这么多用法!
    字符集之在UTF-8中,一个汉字为什么需要三个字节?
    什么是Bitmap
  • 原文地址:https://www.cnblogs.com/judeyq/p/12212466.html
Copyright © 2011-2022 走看看