一、typescript介绍和安装

TypeScript是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，他本质还是要转化为javascript，现在大部分的浏览器还只兼容到es5，所有就得把Typescript代码转化为javascript代码；
es6是约定，所有浏览器都可以实现，但是不是所有浏览器都支持，在这个上chrome支持的最好，有时，当我们处于“use strict”模式时，ES6的特性才会被打开，因此为了测试我们的ES6代码，我的建议是总是在文件的顶部添加“use strict”。
在这里要特别提醒，要支持es6，node的版本最少要6以上，这边用的是8.11.1的版本

typescript转化为javascipr的过程，成为编译，一般都用tsc在命令行上编译当然在angular项目中，没有必要使用tsc去编译，因为webpack会完成这项工作；
接下来开始去了解typescript

首先安装typescript，在命令行中敲上

npm install -g typescript
复制代码

上面这个命令执行完后，你电脑就安装了typescipt的编译器，并且自动的把tsc给你加到环境变量，显示版本号

tsc -v
Version 2.9.1
复制代码

在你喜欢的地方，新建一个文件夹，然后新建一个文件，然后在里面创建一个hello.ts的文件，在里面输入

console.log('hello world')
复制代码

然后在这个文件目录下，打开命令行输入

tsc hello.ts
复制代码

执行完毕以后，你会发现，在你的文件夹下多了一个hello.js的文件,运行这个文件

使用node hello.js
复制代码

而这样每写一次文件就要编译一次，是不是觉得很麻烦，tsc给我们很好用的参数

tsc -w hello.ts
复制代码

上面这样就可以自动监听hello.ts文件的变化了

除了以上的参数以外，还可以这样写

tsc -t ES6 -w hello.ts
复制代码

这样就会编译未es6的代码，同样的写法参数不同可以转化为ES5的，当然默认不带==-t==是转化为ES5的

这样每次输入命令都得自己手动输入参数，是不是觉得很麻烦，其实还有更简单的办法，tsc可以根据配置文件进行读取，然后操作，在命令行中输入

tsc --init
复制代码

以上执行完后，你就会发现，在文件夹目录下，多了一个tsconfig.json的文件；

现在如果你想监听文件夹下的所有文件，只要在命令行中输入

tsc -w
复制代码

它会根据tsconfig.json配置去监听这个目录下的所有文件

tsc -w
复制代码

其实如果在编译的过程中报错了，一般的，tsc还是会输出文件，如果不想它输出，可以去配置tsconfig.json

es6和typescript参考链接：https://codecraft.tv/courses/angular/es6-typescript/1/

转载于:https://juejin.im/post/5b40e047f265da0f82021242

一、typescript介绍和安装相关推荐

Typescript 学习笔记一：介绍、安装、编译
前言整理了一下 Typescript 的学习笔记,方便后期遗忘某个知识点的时候,快速回忆. 为了避免凌乱,用 gitbook 结合 marketdown 整理的. github地址是:ts-gitb ...
VSCode基本介绍及安装相关+插件集合
VSCode基本介绍及安装相关一. 简单介绍 VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器,可选择Windows.Linux.macOS的不同 ...
TS复习---typeScript介绍
Typescript 介绍 1. TypeScript 是由微软开发的一款开源的编程语言. 2.TypeScript 是 Javascript 的超集,遵循最新的 ES6.Es5 规范.TypeSc ...
Scrapy-Splash的介绍、安装以及实例
scrapy-splash的介绍在前面的博客中,我们已经见识到了Scrapy的强大之处.但是,Scrapy也有其不足之处,即Scrapy没有JS engine, 因此它无法爬取JavaScrip ...
Springlake-01 介绍功能安装
Springlake-01 介绍&功能&安装 1. 简介与功能 1)Springlake 是一个企业内容平台SECP 2)是一个可配置的系统,80%内容可以配置 3)允许建立和配置垂直 ...
Kafka系列一之架构介绍和安装
Kafka架构介绍和安装写在前面还是那句话,当你学习一个新的东西之前,你总得知道这个东西是什么?这个东西可以用来做什么?然后你才会去学习它,使用它.简单来说,kafka既是一个消息队列,如今,它也 ...
SharpWebMail介绍和安装(转)
SharpWebMail介绍和安装什么是:SharpWebMail SharpWebMail是一款C#开发的基于WEB应用程序的多语言的WEB邮件服务.它允许我们使用SMTP或IMAP服务来完成发送 ...
Linux系统Vi/Vim编辑器的简单介绍、安装/卸载、常用命令
Linux系统Vi/Vim编辑器的简单介绍.安装/卸载.常用命令 1.介绍 vi(Visual Interface)编辑器是Linux和Unix上最基本的文本编辑器,工作在字符模式下.由于不需要图形界 ...
Storm介绍及安装部署
本节内容: Apache Storm是什么 Apache Storm核心概念 Storm原理架构 Storm集群安装部署启动storm ui.Nimbus和Supervisor 一.Apache S ...

一、typescript介绍和安装

一、typescript介绍和安装相关推荐

最新文章

热门文章