关闭

为什么要学习Typescript 语言呢?Typescript 开发环境安装

时间: 2018-11-09阅读: 1921标签: Typescript

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。


为什么要学习Typescript 语言呢

原因很简单,当然是为了工作呀,因为工作使我接触到了Typescript语言,感觉它比较像C#、Java 这样面向对象的语言,由于最近在使用它开发项目所以系统学习一下,在此记录一下学习过程。


Typescript 语言百度百科介绍

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript还遵循ES6、ES5规范,同时因为是Javascript 的超集,当然可以无缝编译成Javascript 语言,使得它具备开发大型项目的能力。Typescript 中文网传送门:https://www.tslang.cn/


Typescript 开发环境安装(windows系统) 

1.先安装Node.js 环境

百度打开Node.js官网https://nodejs.org/en/ ,下载LTS版本安装。

检查Node.js 安装是否成功:快捷键 win+R 打开运行面板输入命令 cmd打开命令窗口 输入命令:node -v  查看Node.js版本号 ,npm -v 查看npm 版本号,如果看到版本号代                表安装成功了,若没有则表示安装不成功


2.安装Typescript 

在刚才的命令窗口输入命令 npm install typescript -g 进行安装,然后等待安装完成

检查是否安装成功 输入命令 tsc -version 若看到版本号则代表安装成功,否则不成功


输出 Helloword

1.选择IDE工具,可以选择VSCode 或HBuilder.这里使用VSCode IDE工具,VSCode 安装过程直接百度下载安装就行。

2.初始化项目 ,本地新建一个空文件夹,VSCode 打开空文件夹, VSCode-->查看-->终端 ,然后在终端运行命令 tsc --init 就会自动生成 tsconfig.json 文件。

3.自动编译.ts文件,将 tsconfig.json 文件中的一个注释的参数改为 "outDir": "./js", 表示自动将ts文件编译生成到文件js文件。


VSCode--> 终端-->运行任务   选择tsc:监视-tsconfig.json 文件,然后会生成一个js文件夹,写ts文件保存以后就可以自动编译成js文件了。编写一个ts文件,保存后编译成js文件,然后执行命令 node  js/xxx.js 表示运行js文件下刚编译成的js文件就会输出HelloWorld。

来自:http://www.mamicode.com/info-detail-2512890.html


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/1305

关闭

TypeScript:重新发明一次 JavaScript

作为一个 Node.js 开发者,我很早便了解到了 TypeScript,但又因为我对 CoffeeScript 的喜爱,直到 2016 年才试用了一下 TypeScript,但当时对它的学习并不深入

TypeScript基础以及在Vue中的应用

TypeScript推出已经很长时间了,在Angular项目中开发比较普遍,随着Vue 3.0的即将推出,TypeScript在Vue项目中使用也即将成为很大的趋势,笔者也是最近才开始研究如何在Vue项目中使用TypeScript进行项目的开发。

如何编写 Typescript 声明文件

使用TypeScript已经有了一段时间,这的确是一个好东西,虽说在使用的过程中也发现了一些bug,不过都是些小问题,所以整体体验还是很不错的。有关TypeScript声明类型声明相关的目前就总结了这些比较常用的

typescript nodejs 依赖注入实现

依赖注入通常也是我们所说的ioc模式,今天分享的是用typescript语言实现的ioc模式,这边用到的主要组件是 reflect-metadata 这个组件可以获取或者设置元数据信息,它的作用是拿到原数据后进行对象创建类似C#中的反射

js装饰器_Typescript装饰器[decorators]

随着TypeScript和ES6里引入了类,在一些场景下我们需要额外的特性来支持标注或修改类及其成员。 装饰器(Decorators)为我们在类的声明及成员上通过元编程语法添加标注提供了一种方式。 Javascript里的装饰器目前处在 建议征集的第二阶段,但在TypeScript里已做为一项实验性特性予以支持。

TypeScript 中的类型保护

如上所示,getSmallPet 函数中,既可以返回 Fish 类型的对象,又可以返回 Bird 类型的对象。由于返回的对象类型不确定,所以使用联合类型对象共有的方法时,一切正常,但是使用联合类型对象各自独有的方法时,ts 会报错。

使用 TypeScript 开发 HapiJS 应用

要在开发中使用 TypeScrip,同时至少需要有一个工具,可以一直监听项目文件的变更,并实时的将变更更新至启动的服务中,我选择使用 Nodemon,首先添加以下几个开发依赖

TypeScript_命名空间(namespace)

什么时候要用命名空间?如果你发现自己写的功能(函数/类/接口等...)越来越多, 你想对他们进行分组管理就可以用命名空间, 下面先用\\\"类\\\"举例:发现namespace下还有export, export在这里用来表示哪些功能是可以外部访问的:

如何更好的编写js代码?

改进你 JS 代码要做的第一件事就是不写 JS。TypeScript(TS)是JS的“编译”超集(所有能在 JS 中运行的东西都能在 TS 中运行)。 TS 在 vanilla JS 体验之上增加了一个全面的可选类型系统

Nerv_一款类 React 前端框架,基于虚拟 DOM 技术的 JavaScript(TypeScript) 库

Nerv_是一款由京东凹凸实验室打造的类 React 前端框架,基于虚拟 DOM 技术的 JavaScript(TypeScript) 库。它基于React标准,提供了与 React 16 一致的使用方式与 API。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!