• 初识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

     
  • 相关阅读:
    oracle的分析函数over 及开窗函数
    ASP.NET中分布式事务的使用
    后台实现显示欢迎用户登陆的方法
    AjaxHelper的get和post请求的封装类
    登陆权限验证Session和Cookie用法及BasePage类使用
    四个常用.NET的SqlHelper的方法
    ASP.NET在实际开发中验证码的用法
    SQL Server事务的存储过程
    利用JQuery实现全选和反选的几种方法
    JS中表格的全选和删除要注意的问题
  • 原文地址:https://www.cnblogs.com/www3j/p/11429867.html
Copyright © 2020-2023  润新知