NodeJs之TypeScript开发环境--VS Code

时间:2022-03-12 21:50:18

NodeJs的开发中可以使用TypeScript。

本文介绍在NodeJs项目中使用TypeScript,VSCode已经支持TypeScript的编辑编辑等功能。

方式一:使用VS Code

一、创建NodeJs项目

可以参考:http://blog.csdn.net/u011127019/article/details/74295235

二、在当前NodeJs项目中添加TypeScript的支持

更多参考:TypeScript开发环境搭建-Visual Studio Code

1.添加tsconfig.json,配置TypeScript 的编译输出

{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"watch": false,
"sourceMap": true,
"outDir": "./out"
},
"exclude": [
"node_modules",
"out"
]
}

2.添加tasks.json,添加编译命令和任务

{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "0.1.0",
"command": "tsc",
"isShellCommand": true,
"args": ["-p", "."],
"showOutput": "always",
"problemMatcher": "$tsc"
}
3.编写typescript 代码例如:main.ts

//引用NodeJs模块
var http=require('http');
console.info(http);
三、在TypeScript中添加NodeJs的提示和支持

安装typings 的node模块

typings install dt~node --global --save  
NodeJs之TypeScript开发环境--VS Code

最终创建键的项目如下:

NodeJs之TypeScript开发环境--VS Code


方式二:使用 Egret Wing 创建

注:可以省去许多初始化操作,创建项目更快捷

1.点击新建项目 选择NodeJs项目(TypeScript)

NodeJs之TypeScript开发环境--VS Code

2.输入项目名,创建项目目录,初始化项目 

NodeJs之TypeScript开发环境--VS Code

3.创建完成

NodeJs之TypeScript开发环境--VS Code

更多参考:

TypeScript开发环境搭建-Visual Studio Code

VS Code智能提示功能之Typings

NodeJs开发环境搭建之Visual Studio Code(二)