zoukankan      html  css  js  c++  java
  • 初识Typescript

    一、TypeScript是什么?

    TypeScript 是一种由微软开发的自由和开源的编程语言。

    它是 JavaScript 的一个超集,TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。它的最大特点就是支持强类型和 ES6 Class

    其实TypeScript就是相当于JavaScript的增强版,最后运行时还要编译成JavaScript。

    TypeScript最大的目的是让程序员更具创造性,提高生产力,它将极大增强JavaScript编写应用的开发和调试环节,让JavaScript能够方便用于编写大型应用和进行多人协作。

    二、安装TypeScript

    有两种主要的方式来获取TypeScript工具:

    • 通过npm:npm install typescript -g
    • 安装Visual Studio的TypeScript插件

    三、构建你的第一个TypeScript文件 —— Hello TypeScript!

    1.新建一个typescript文件夹,通过命令行进入typescript文件夹目录下,执行tsc --init初始化项目,可以看到在typescript文件夹目录下生成了一个tsconfig.json文件

    2.新建一个helloworld.ts文件,在Vscode中打开,输入:

    3.在Vscode的任务菜单下,打开运行生成任务,然后选择tsc:build-tsconfig.json,这时候就会生成一个helloworld.js文件

    (或者使用快捷键Ctrl+Shift+B)

    4.新建一个index.html文件,引入生成的helloworld.js文件

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Hello World</title>
    </head>
    <body>
      <script src="helloworld.js"></script>
    </body>
    </html>

    5.预览index.html

     
  • 相关阅读:
    机器人
    昨天拿钥匙了
    Linux挂NTFS格式USB硬盘
    漫游在首都
    RHEL+WAS6部署风波
    移动电话国内漫游通话费上限评估用户意见网上调查
    WebSphere fixes
    我太强悍了
    NO SUBJECT
    pku3617 Best Cow Line
  • 原文地址:https://www.cnblogs.com/www3j/p/11429867.html
Copyright © 2011-2022 走看看