Blog
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)

HiuZing

🍑
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)
  • 前端面试题

  • JavaScript

  • Vue2

  • port

  • CSS

  • Node.js

  • JavaScript优化

  • uniapp

  • Mini Program

  • TypeScript

    • 基础

      • TypeScript介绍
        • TypeScript介绍
          • 安装TypeScript
          • 安装 ts-node
      • TypeScript基础类型
      • TypeScript对象类型
      • TyprScript类型推论
      • TypeScript高级类型
      • TypeScript接口
      • TypeScript类型别名与接口的区别
      • TypeScript泛型
      • TypeScript项目配置
    • 实例

  • 面向对象编程

  • UI组件

  • Plugin

  • Vue3

  • 性能优化

  • Axios

  • 状态管理

  • React

  • Mock

  • Icon

  • Template

  • 构建工具

  • 项目规范配置

  • Taro

  • SVG

  • React Native

  • 前端
  • TypeScript
  • 基础
HiuZing
2022-09-27
目录

TypeScript介绍

# TypeScript介绍

TypeScript——静态类型编辑语言(编译期做类型检查)

JavaScript——动态类型编辑语言(执行器做类型检查)

代码编译和代码执行顺序

  1. 编译
  2. 执行

# 安装TypeScript

npm install -g  typescript // 全局安装 ts
1

是否已经安装过 typescript 的,可以使用以下命令来验证:(如果出现版本,则说明已经安装成功)

tsc -v 
1

生成 tsconfig.json 配置文件

tsc --init
1

在我们文件中,随便写点什么

const s:string = "彼时彼刻,恰如此时此刻";
console.log(s);
1
2

控制台执行 tsc xxx.ts 命令,目录下生成了一个同名的 xxx.js 文件

var s = "彼时彼刻,恰如此时此刻";
console.log(s);
1
2

通过tsc命令,发现我们的typescript代码被转换成了熟悉的js代码

我们接着执行

node helloworld.js
1

# 安装 ts-node

那么通过我们上面的一通操作,我们知道了运行tsc命令就可以编译生成一个js文件,但是如果每次改动我们都要手动去执行编译,然后再通过 node命令才能查看运行结果岂不是太麻烦了

npm i -g ts-node // 全局安装ts-node
1

有了这个插件,我们就可以直接运行.ts文件了

ts-node xxx.ts
1

可以看到我们的打印结果已经输出

具体来源 (opens new window)

#TS
上次更新: 2024/08/14, 04:14:33
踩坑
TypeScript基础类型

← 踩坑 TypeScript基础类型→

最近更新
01
React Native 使用SVG
08-13
02
Docker基础命令
08-04
03
算数逻辑单元
07-30
更多文章>
Theme by Vdoing | Copyright © 2021-2024 WeiXiaojing | 友情链接
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式