typescript编译成nodejs?

发布网友 发布时间：2024-09-13 02:04

我来回答

共1个回答

热心网友 时间：2024-11-14 05:35

使用Node.js可以将配置文件转换为TypeScript(TS)的代码。可以在npm上安装一些插件，如ts-node或tsify来实现这个目的，也可以使用支持TS语法的编辑器，如VisualStudioCode来实现此功能。

按照下面的步骤做就可以了。1.mac系统下在Preferences里搜索FileWatchers。windows是在File-settings里。

2.点击FileWatchers左下方画红框的+号。windows是在右侧

3.选择TypeScript

4.会弹出一个设置面板

按照下面图片里的设置勾选和填写内容

Arguments那一行填写下面的内容

$FileName$--outDir$ProjectFileDir$/bin-debug/$FileDirRelativeToProjectRoot$

program那行是tsc编译器的路径，安装过typescript以后应该默认是填好的。

win默认是C:\Users\username\AppData\Roaming\npm\tsc.cmd

5.点击画红框的OutputFilters

6.在弹出面板中点解画红框的笔

7.按照这个设置填写

然后一直点击ok，关闭设置

关闭了设置页面，把这个对勾选上，就搞定了。

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

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

2、安装typescript模块

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

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

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

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

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

4、测试编译

在Visualstudiocode中打开ts目录，在tscript目录中新建test.ts文件。

然后点击菜单中的Tasks-RunTask。

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

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

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

TypeScript（以下简称TS）是巨硬推出的JavaScript转译语言，这意味着：

它需要编译

TS代码会被编译成JavaScript代码

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

安装node

npminstall–gtypescript

cnpm安装命令:

npminstall-gcnpm?--registry=

cnpminstall–gtypescript

yarn安装命令：

npminstall–gyarn

cnpminstall–gyarn

3.yarn?globaladdtypescript

查看Typescript安装版本：

tsc-v

tsc文件名.ts

tsc--init???生成配置文件tsconfig.json

"outDir":?"./js"

vscode：终端--运行生成任务--tsc监视tsconfig.json

快捷键：ctrl+shift+B

注：图上应该改outDir,改错了

随着项目的不同，文件所放位置不同，配置文件也会做一些相应的改变。

1.安装node，因为ts的编译器是js/ts写的；

安装node后同时获得npm命令，这是nodejs世界里的包管理器（也可以看作node的app商店）；

2.安装vs2015或者vscode，当然这不是必须的，但是这里强烈推荐写ts的工具，vs第一，vsc第二；

3.vs自带了TypeScript（vs2012+，vs2015update1自带了ts1.7）,最新版本的typescriptforvs去官网下载即可,或者如果不依赖vs（比如mac环境）,可以用命令行装ts编译器

npmi-gtypescript@next

4.安装了ts后,就会有2个命令可用：tsc和tsd,tsc用来编译TypeScript代码,tsd用来下载第三方js类库的ts定义文件(或者叫头文件)，熟练使用tsd，工作效率提升，因为减少了80%查文档的时间，所以写ts可以说是jser打通了任督二脉，上手任何新的开发环境都很快