TypeScript | 青训营笔记

什么是TypeScript

TypeScript官网的介绍

Typed JavaScript at Any Scale.  
添加了类型系统的 JavaScript，适用于任何规模的项目。

TypeScript对比Javascript

快速上手TypeScript

安装

打开终端 输入 npm install -g typescript

输入tsc -v查看当前typescript的版本

安装Code Runner插件

不装也可以,随你心情 ~

编写第一个程序

初始化

tsc --init 生成配置文件

// helloWorld.ts
function sayHello(person: string) {
    return 'Hello, ' + person;
}

let user = '张三';
console.log(sayHello(user));

两种方式编译生成原生的javascript代码 1.在终端输入

tsc hello.ts

2.上方菜单栏 选择终端>运行任务>显示全部任务 找到你刚刚创建的文件夹的目录 这里开头会有 “构建”和 “监视”

构建:仅仅在点击后随着typescript对应代码生成对应原生的javascript代码，后续修改不再生成新内容

监视:随着你的保存，即刻生成对应原生的javascript代码

很显然这里使用监视更为方便

点击监视

然后生成代码

//helloWorld.js
function sayHello(person) {
    return 'Hello, ' + person;
}
let user = '张三';
console.log(sayHello(user));

使用node或者Code Runner运行 Code Runner

在生成的原生js文件下右键 找到Run Code

点击即在输出窗口输出

好的，如果我的笔记没问题，你已经可以在输出窗口或命令窗口输出HelloWorld了，

这算是在ts之路的第一步，单刷一遍原生JavaScript，其实ts上手也挺容易的，但是具体的东西还是要结合具体的项目，学习也要用实践去检验，这是编程学习的要点，也是编程学习的优点，应用性极强。