TypeScript入门

为了搭建一个比较现代的前端应用,似乎目前唯一的选择是JavaScript,但是传统的JavaScript存在着缺陷,人们总结出来了JavaScript的拓展语言,这就是TypeScript
在这里插入图片描述
TypeScript是JavaScript的超集,在兼容JavaScript的同时,也带来了Java,C#等语言才具有的强类型定义的特点,可以说TypeScript把JavaScript提升到了一个全新的高度,在TypeScript中我们除了可以使用熟悉的JavaScript的语法,还可以充分利用JavaScript不具备的强类型定义、面向对象、泛型等拓展对象,构建出一个更强大、更健壮、更容易维护的大型项目。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
注意:TypeScript无法在浏览器中运行,我们还需要借助编译器把TS变成JS
TS优势:
1.Typing强类型
规范我们的代码
可以在代码的编译阶段及时发现错误
在原生js的基础上加上了一层类型定义

     TypeScript类型检查 ,避免低级错误,解放劳动力,帮助我们写出质量更高的代码

安装TS: npm install -g typescript
运行:tsc main.ts会生成相应的main.js,这个js文件是运行在浏览器中的
运行: node main.js会成功输出结果

在这里插入图片描述
在这里插入图片描述
typescript 工作流
在这里插入图片描述
typescript 的编译器叫tsc,就跟es6的babel 是一个作用

创建一个项目

    npm init  // 生成package.json文件
    npm install -D lite-server   //轻量级服务器

版权声明:本文为hani_wen原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。