文档章节

使用 Visual Studio Code 编写 TypeScript

风华神使
 风华神使
发布于 2016/12/01 17:33
字数 391
阅读 214
收藏 1

1. 安装 Visual Studio Code

https://code.visualstudio.com

按提示安装即可。

 

2. 安装 Node.js 和 NPM

https://nodejs.org

按提示安装即可。安装之后,node 和 npm 的可执行文件的所在目录会被自动添加到 PATH 环境变量。

 

3. 通过 NPM 安装 TypeScript

在控制台输入

npm install -g typescript

即可完整 TypeScript 的安装,之后在控制台输入

tsc -v

如果看到版本号,就表示安装完成。

 

4. 建立工程

新建一个文件夹(如 E:\ts),用来作项目文件夹。在该项目文件夹中新建文件 tsconfig.json,内容如下:

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true
    },
    "exclude": [
        "node_modules"
    ]
}

用 VSCode 打开项目文件夹,并新建文件 hello.ts 内容如下:

class Startup {
    public static main(): number {
        console.log("Hello World");
        return 0;
    }
}

Startup.main();

按 Ctrl + Shift + B,VSCode 会提示“未配置任何任务运行程序”。单机“配置任务运行程序”,选择“TypeScript - tsconfig.json 创建 TypeScript 项目”,那么系统就会在项目文件夹下建立一个名为“.vscode”的文件夹,并在 .vscode 文件夹中建立一个 tasks.json 文件(不必理会它的内容),之后再按 Ctrl + Shift + B,就可以进行编译了,编译完后,会在项目文件夹生成一个名为 hello.js 的文件。最后就可以用 node 运行它了:

node hello.js

 

以上就是用 VSCode 搭建 TypeScript 开发环境的过程。

注释1:如果你想使用 TypeScript 做 Node 开发,那还需要做一些别的事情。

注释2:最安心的方案当然是直接使用 IDE,如 WebStorm、VS。

© 著作权归作者所有

共有 人打赏支持
风华神使
粉丝 25
博文 77
码字总数 42460
作品 0
南开
架构师
私信 提问
TypeScript 2.3 发布,微软脚本编程语言

TypeScript 2.3 正式发布了。TypeScript 是由微软开发的自由和开源的编程语言,是 JavaScript 类型的超集,它可以编译成纯 JavaScript ,可以在任何浏览器、任何计算机和任何操作系统上运行。...

局长
2017/04/28
2.3K
3
TypeScript 语言学习

开发环境推荐 Visual Studio Code https://code.visualstudio.com 免费, 跨平台, 支持 Windows, OS X 以及 Linux. Visual Studio https://www.visualstudio.com Visual Studio 2015 RC 已整合......

小骏骏
2015/08/06
0
0
Visual Studio Code v.s Atom-IDE:Web 开发哪家强?

GitHub 最近联手 Facebook 推出了 Atom-IDE,为其 Atom 编辑器带来了下面这些更深度的开发功能: 自动完成 大纲视图 查找引用 定义跳转 悬浮提示 诊断,如错误和警告提醒 Atom 诞生已经有三年...

局长
2017/11/08
7.1K
42
TypeScript 2.9.2 发布,微软推出的 JavaScript 超集

TypeScript 2.9.2 已发布。此版本包含一组针对 TypeScript 2.9.1 的错误修复。 有关已解决问题的完整列表,请查看 TypeScript 2.9.2 的固定问题查询。 TypeScript 是由微软开发的自由和开源的...

达尔文
2018/06/14
1K
4
TypeScript学习笔记之一初见TypeScript

一、什么是TypeScript? TypeScript是一种编译性语言、强类型语言、真正的面向对象 它是JavaScript的一个超集,所以看这个教程的时候最好您具有JavaScript的基础知识 TypeScript开源代码 二、...

摸着石头过河_崖边树
2018/12/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Python如何开发桌面应用程序?Python基础教程,第十三讲,图形界面

当使用桌面应用程序的时候,有没有那么一瞬间,想学习一下桌面应用程序开发?行业内专业的桌面应用程序开发一般是C++,C#来做,Java开发的也有,但是比较少。本节课会介绍Python的GUI(图形用...

程序员补给栈
今天
3
0
kafka在的使用

一、基本概念 介绍 Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。 这个独特的设计是什么样的呢? 首先让我们看几个基本的消息系统...

狼王黄师傅
今天
2
0
Android JNI总结

0x01 JNI介绍 JNI是Java Native Interface的缩写,JNI不是Android专有的东西,它是从Java继承而来,但是在Android中,JNI的作用和重要性大大增强。 JNI在Android中起着连接Java和C/C++层的作...

天王盖地虎626
昨天
1
0
大数据教程(11.8)Hive1.2.2简介&初体验

上一篇文章分析了Hive1.2.2的安装,本节博主将分享Hive的体验&Hive服务端和客户端的使用方法。 一、Hive与hadoop直接的关系 Hive利用HDFS存储数据,利用MapReduce查询数据。 二、Hive与传统数...

em_aaron
昨天
3
0
跟我学Spring Cloud(Finchley版)-15-Hystrix监控详解

Hystrix提供了监控Hystrix Command的能力,本节来详细探讨。 监控端点与数据 应用整合Hystrix,同时应用包含spring-boot-starter-actuator 依赖,就会存在一个/actuator/hystrix.stream 端点...

周立_ITMuch
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部