nodejstypescript的简单介绍

http://www.itjxue.com  2023-01-22 14:52  来源:未知  点击次数: 

js怎么转化为typescript

1.安装node,因为ts的编译器是js/ts写的; 安装node后同时获得npm命令,这是nodejs世界里的包管理器(也可以看作node的app商店); 2.安装vs 2015或者vs code,当然这不是必须的,但是这里强烈推荐写ts的工具,vs第一,vsc第二;

vscode下搭建Typescript编译环境

Typescript 是微软开发的一个JavaScript的超级。著名前端框架的Angular和HTML5游戏引擎Egret等都选择了Typescript作为编写语言。“工欲善其事,必先利其器”,在学习Typescript语言之前必须要有一个良好的开发环境。这里笔者选择了轻量的Visual Studio Code,此工具具有轻量、跨平台、插件丰富等特点,是一款非常优秀的开发工具。

1、首先需要安装Nodejs,安装过程网上很容易搜到,在此不再介绍。安装完成后,在命令窗口输入

2、安装typescript模块

安装完成后,可以查看typescript模块的版本号

3、创建项目目录,在命令窗口中进入该项目目录,创建tsconfig.json。例如项目地址是D:\test\ts。

在项目目录下会生成一个tsconfig.json文件

里面有很多配置项,大家可以根据各自的需要来定制。本文用的示例配置如下,

新建tscript、js文件夹,分别用作存放typescript、javascript文件。

4、测试编译

在Visual studio code中打开ts目录,在tscript目录中新建test.ts文件。

然后点击菜单中的Tasks-Run Task。

之后会出现tsc:build 、tsc:watch两个选项

其中tsc:build选项是用于一次编译。tsc:watch选项可以监测ts文件的改动,可以进行实时编译,非常方便。经过编译后的文件会存放在之前配置好的js文件目录下。

如此就可以进行Typescript之旅了。~~

Nodejs应用集成TS

express myapp

npm install typescript

npm install ts-node

main.js 是应用主函数入口

node start.js

nodejs 支持typescript吗

TypeScript (以下简称TS)是巨硬推出的JavaScript转译语言,这意味着:

它需要编译

TS代码会被编译成JavaScript代码

TS的特点是提供 模块、类、接口等一系列类型概念,协助开发者在编译时就定位出一些传统JavaScript项目的运行时错误,以实现巨硬所谓的”Robust components”(值得一提的是,TS是大名鼎鼎的 Anders Hejlsberg 主导的项目。

在Nodejs环境下,安装typescript 安装完以后,输入tsc检测说不是外部或内部命令

没有设置到系统环境变量中去 在命令行输入sysdm.cpl后配置系统环境变量就可以使用这些命令了

Electron使用TypeScript

需要先自行安装npm

手动创建一个如下结构文件目录(nodejs工程)用来运行electron,如下图:

命令行模式下,切换到工程根目录(这里就是test目录)

安装typescript:

安装electron:

自行建立上图中的各个文件 ,部分文件内容如下:

tsconfig.json

tsconfig更多具体配置参考官方文档:

package.json

"main": "./build/app.js" : 表示程序主入口是build目录下的app.js, app.js文件由是由tsc编译src/app.ts得到

"prestart":"tsc" : 表示在执行npm start之前先执行tsc进行当前工程目录的ts文件编译工作.

更多具体配置参考官方文档:

views/css目录和views/js目录 是具体业务逻辑:

index.html:

app.ts:

ClassA.ts:

在命令行模式中执行

显示结果:

(责任编辑:IT教学网)

更多

推荐mac苹果系统文章