Typescript 学习笔记一:介绍、安装、编译
2018-12-31 22:35
1161 查看
前言
整理了一下 Typescript 的学习笔记,方便后期遗忘某个知识点的时候,快速回忆。
为了避免凌乱,用 gitbook 结合 marketdown 整理的。 github地址是:ts-gitbook
若是有不对的地方,欢迎留言指出。
众所周知,JavaScript 是弱类型的,而这对开发人员来说,在一定程度上算是一个“痛点”。解决这个问题的两个主要库是 Typescript 和 Flow。但 Typescript 似乎更受欢迎,且越来越受到开发人员的喜爱。
目录:
- Typescript 学习笔记一:介绍、安装、编译
- Typescript 学习笔记二:数据类型
- Typescript 学习笔记三:函数
- Typescript 学习笔记四:回忆Es5 中的类
- Typescript 学习笔记五:类
- Typescript 学习笔记六:接口
- Typescript 学习笔记七:泛型
一、 Typescript 介绍
- TypeScript 是由微软开发的一款开源的编程语言。
- TypeScript 是 Javascript 的超集,遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript 的语法。
- TypeScript 更像后端 java、C# 这样的面向对象语言,可以让 js 开发大型企业项目。
- 谷歌也在大力支持 Typescript 的推广,谷歌的 angular2.x+ 就是基于 Typescript 语法。
- 最新的 Vue 、React 也可以集成 TypeScript。
二、 Typescript 安装及编译
- 全局安装,前提是安装了 node。
npm install -g typescript
- 编译
-
书写一个
.ts
文件,比如:test.ts,内容如下: tsc test.ts
- 默认会在和 test.ts 同级目录下生成一个同名的
.js
文件。而这个 .js 文件是编译生成的 ES5 语法的 js 文件。
let str:string = 'test';
三、 Typescript 开发工具语法高亮、校验、自动编译
使用开发工具,对编写的 TypeScript 代码能进行语法高亮(便于阅读)、语法校验(减少错误)、保存后立即编译,提高开发效率节省工作量。能用工具做的事,就不要浪费人力。
- vscode 编辑器
tsc --init
,生成配置文件 tsconfig.json。可修改 "outDir": "./js",指定编译后的文件放置目录。 - 任务 --> 运行任务,监视 tsconfig.json
- 默认带语法高亮及语法校验
-
快捷键
ctrl + shift + p,调出命令窗口
paci,找到 Package Control install
Typescript,语法高亮、语法校验
tsc --init,生成配置文件 tsconfig.json。可修改 "outDir": "./
TypescriptCompletion,自动编译
相关文章推荐
- nginx学习笔记之一:nginx介绍及其编译安装
- Thrift 学习笔记1——Ubuntu环境下Thrift的安装、编译以及测试
- VTK学习笔记1—VTK安装及源码编译(Winxp + VS2010 + CMake2.8.6 + VTK5.8)
- Python学习笔记-编译安装Python3.6.1 + iPython
- Thrift 学习笔记2——Windows环境下Thrift的安装、编译以及测试
- 树莓派学习笔记——交叉编译练习之SQLite3安装
- Maven学习笔记(一):Maven介绍、安装及简单示例
- twisted 学习笔记1 % 介绍以及安装
- SASS学习笔记1 —— 安装、编译和调试
- Python入门学习笔记(1):Python、PyCharm 的安装和介绍
- nginx 学习笔记(一)nginx 编译安装
- nginx 学习笔记(一)nginx 编译安装
- Docker学习笔记(一)docker的介绍和安装
- nginx 学习笔记(一)nginx 编译安装
- PHPUnit学习笔记一 PHPUnit介绍及安装
- 马哥学习笔记七——LAMP编译安装之MYSQL
- Openwrt 学习记录:编译环境安装及目录介绍(一)
- 大数据学习笔记——hadoop1.2.1 eclipse_plugin编译、安装及使用
- linux+python+djiango+mysql编译安装学习笔记
- vue学习笔记(二)——简单的介绍以及安装