nodejstypescript的简单介绍
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:
在命令行模式中执行
显示结果: