天天看点

Typescript快速入门什么是Typescript为什么学习Typescript快速搭建开发环境

目录

  • 什么是Typescript
  • 为什么学习Typescript
  • 快速搭建开发环境
    • 1、安装node.js
    • 2、使用node自带的npm安装Typescript编译器
    • 3、配置vscode编辑环境
    • 4、测试环境

什么是Typescript

Typescript快速入门什么是Typescript为什么学习Typescript快速搭建开发环境

为什么学习Typescript

  • 微软支持推广
  • 开源
  • 囊括js,并不止于js,在js的许多薄弱上做了加强

快速搭建开发环境

1、安装node.js

  1. 本人环境基于linux(manjaro)
  2. yay -S nodejs
               
  3. node -v
               
    Typescript快速入门什么是Typescript为什么学习Typescript快速搭建开发环境
    输入以上命令验证安装

2、使用node自带的npm安装Typescript编译器

sudo npm install -g typescript --registry=https://registry.npm.taobao.org
           

3、配置vscode编辑环境

Typescript快速入门什么是Typescript为什么学习Typescript快速搭建开发环境

我使用的是这款插件

4、测试环境

Typescript快速入门什么是Typescript为什么学习Typescript快速搭建开发环境
Typescript快速入门什么是Typescript为什么学习Typescript快速搭建开发环境
Typescript快速入门什么是Typescript为什么学习Typescript快速搭建开发环境

输入编译命令后没有任何报错就成功啦

然后我们打开目录发先在helloTs.ts的同级目录有一个名为helloTs.js的js文件这就是我们ts命令编译生成的js文件这个js文件是要相对安全的