Vue3 TypeScript 快速上手手册.pdfVIP

Vue3+TypeScript?看这一篇就够了

1、Typescript快速上手

1.1初识TypeScript

Typescript

StronglyTyped

TypeScript的介绍

TypeScript是一种由微软开发的开源、跨平台的编程语。它是JavaScript的超集,最终会被编译为JavaScript代码，

2012年10月，微软发布了首个公开版本的TypeScript,2013年6月19日，在经历了一个预览版之后微软正式发布了正式版

TypeScriptTypeScript的作者是安德斯海・尔斯伯格，C#的首席架构师.它是开源和跨平台的编程语.

TypeScript扩展了JavaScript的语法，所以任何现有的JavaScript程序可以运行在TypeScript环境中。

TypeScript是为大型应用的开发而设计，并且可以编译为JavaScript。

TypeScript是JavaScript的一个超集，主要提供了类型系统和对ES6+的支持*它由Microsoft开发，代码开源于GitHub上

TypeScript是JavaScript的一个超集，主要提供了类型系统和对ES6+的支持，它由Microsoft开发，代码上

TypeScript的特点

TypeScript主要有3大特点:

-始于JavaScript,归于JavaScript

TypeScript可以编译出纯净、简洁的JavaScript代码，并且可以运行在任何浏览器上、ode.js环境中和任何支持ECMAScript3（

或更高版本）的JavaScript引擎中.

•强大的类型系统

类型系统允许JavaScript开发者在开发JavaScript应用程序时使用高效的开发工具和常用操作比如静态检查和代码重构.

•先进的JavaScript

TypeScript提供最新的和不断发展的JavaScript特性，包括那些来自2015年的ECMAScript和未来的提案中的特性，比如异步功能

和Decorators,以帮助建立健壮的组件.

总结

Typescript在社区的流行度越来越高，它非常适用于一些大型项目，也非常适用于一些基础库，极大地帮助我们提升了开发效率和体验.

1.2安装Typescript

命令行运行如下命令，全局安装Typescript:

npminstall-gtypescript

安装完成后，在控制台运行如下命令，检杳安装是否成功(3.x):

tsc-V

1.3.第一个TypeScript

编写TS程序

src/elloworld,ts

functiongreeteriperson){

returnHello,+person

}

letuser=Yee

consoie.iog(greeter(user)

手动编译代码

我们使用了.ts扩展名，但是这段代码仅仅是JavaScript而已。

在命令行上，运行TypeScript编译器：

tscelloworld.ts

输出结果为一个elloworld.js文件，它包含了和输入文件中相同的JavsScript代码.

在命令行上，通过Node.js运行这段代码：

nodeelloworld.js

控制台输出：

Hello,Yee

VsCode自动编译

1).生成配省文件tsconfig.json

tsc-init

2).修改tsconfig.json配置

outDir

strict:false,

3).启动监视任务：

终端-运行任务-监视tsconfig.json

类型注解

接下来让我们看看TypeScript工具带来的