TypeScript 入门必看
发布日期:2022-02-06 00:26:54 浏览次数:41 分类:技术文章

本文共 1270 字,大约阅读时间需要 4 分钟。

TypeScript 的简介:

TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。

TypeScript 由微软开发的自由和开源的编程语言。
TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器>上。

TypeScript 和 JavaScript 的区别:

  • 1、TypeScript 中的数据要求带有明确的类型,JavaScript不要求。

  • 2、TypeScript 为函数提供了缺省参数值。

  • 3、TypeScript 引入了 JavaScript 中没有的“类”概念。

  • 4、TypeScript 中引入了模块的概念,可以把声明、数据、函数和类封装在模块中。

安装TypeScript

npm install -g typescript

  • 通过npm下载不成功的话,多下载几次就好了,我也是下载了好多次;

查看版本指令是:

tsc -v

  • 如果tsc 不是外部指令的话,您需要配置一下环境变量;

测试是否安装成功ts

建议使用ts的时候配置一下tsconfig.json 配置文件

  • tsc --init

配置文件相关讲述

"removeComments": true, // 编译过程中注释去掉"strict": true, // 表示他后面的配置项默认都为 true"noImplicitAny": true, // 不明确的 any 类型必须加类型注解"strictNullChecks": true, // 是否强制校验 Null,比如 const ss: string = null; 会报错,如果是 false 不报错"rootDir": "./src", // 要编译的文件夹"outDir": "./build", // 把编译好的文件夹放置到 build 文件夹中"incremental": true, // 之前编译过的内容不在编译,只编译新增的内容// incremental 打开后编译后会生成 tsconfig.tsbuildinfo,下次编译会去做比对,有不同的地方再进行编译"allowJs": true, // 是否允许编译 js 代码,比如 es6 代码"checkJs": true, // 对 js 语法进行检测,比如 js 语法写错了"sourceMap": true, // 打包完生成 .js.map 文件"noUnusedLocals": true, // 没有使用到的变量会提示"noUnusedParameters": true, // 函数里面没有用到的参数会提示

这个是在vs编辑器里面创建了一个ts文件
在这里插入图片描述

编译指令是:

tsc 文件名称

在这里插入图片描述

  • tsc 运行的原理是,这个命令敲下的时候,会先去读配置文件,什么都没有,默认编译根目录下所有的 ts 文件

编译出来的结果是:

在这里插入图片描述

  • 本人由于工作忙的原因,后面的会陆续更新,文章内如有不正确的地方,还行之处,我会即使修改~

转载地址:https://blog.csdn.net/weixin_46174785/article/details/109776086 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:TypeScript 里面的元组详解:
下一篇:vue播放视频插件

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年03月30日 16时24分14秒