WebStorm--配置并运行TypeScript项目

原文网址：WebStorm--配置并运行TypeScript项目-CSDN博客

简介

本文介绍WebStorm如何配置并运行TypeScript项目。

为简单起见，以下用TS代表TypeScript。

1.安装node.js

可以直接安装node.js或者使用nvm安装node.js。

2.安装TS编译器（非必须）

场景1：默认情况

WebStorm已经自带了TS编译器，如下图所示：

场景2：Vue里引入了typescript

此时WebStorm自动选择为引入的版本：

场景3：下载自己想要的TS编译器

方法如下

1.安装

npm install typescript -g

2.查看安装结果（查看版本）

tsc -v

如下图所示，则表示安装成功。

安装后，可以在WebStorm里选择它：

3.安装TS-Node

npm install -g ts-node

查看安装结果

ts-node -v

4.安装TS插件

在WebStorm里安装TS插件：

5.新建项目

新建空项目

创建完后，右键项目，新建TS文件

创建完后，在demo.ts文件里写TS代码：

var a:string = "Hello World"
console.log(a)

6.运行TS代码

右键demo.ts文件，点击Run 'demo.ts'或者"Debug 'demo.ts'

结果：