文档章节

使用 Visual Studio Code 编写 TypeScript

风华神使
 风华神使
发布于 2016/12/01 17:33
字数 391
阅读 94
收藏 1
点赞 0
评论 0

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。

© 著作权归作者所有

共有 人打赏支持
风华神使
粉丝 22
博文 64
码字总数 41520
作品 0
南开
其他
TypeScript 2.9.2 发布,微软推出的 JavaScript 超集

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

达尔文 ⋅ 06/14 ⋅ 0

TypeScript 2.8.4 发布,微软推出的 JavaScript 超集

TypeScript 2.8.4 发布了,此版本包含一组针对 TypeScript 2.8.3 报告的 bug 的修复,包括: 修复 js 初始化器合并 符号表损坏导致内存使用失控 阻止检查器中的无限 js 符号合并 详情查看 bu...

雨田桑 ⋅ 05/26 ⋅ 0

TypeScript 2.8.3 发布,微软脚本编程语言

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

周其 ⋅ 04/20 ⋅ 0

跨平台编辑器 - Visual Studio Code

Visual Studio Code 是一个运行于 OS X,Windows 和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台编辑器。 这标志着 Microsoft 第一次向开发者们提供了一款真正的跨平台编辑器。虽然完...

匿名 ⋅ 2015/07/07 ⋅ 17

详解配置VS Code/Webstorm来调试JavaScript

译者按: 本文介绍了使用Node Inspector来调试 JavaScript和TypeScript应用。 原文: Debugging JavaScript/TypeScript Node apps with Chrome DevTools, VS Code and WebStorm 🐞🔫 译者......

Fundebug ⋅ 05/10 ⋅ 0

Visual Studio Code 1.24.1 发布,常规更新

Visual Studio Code 1.24.1 已发布,该版本主要是修复 1.24 中的一些问题,详情可前往 issues 查看。 1.24 的一些更新亮点: 未使用的变量检测 - 未使用的变量在 JavaScript/TypeScript 文件...

达尔文 ⋅ 06/15 ⋅ 0

5分钟了解TypeScript

1.安装TypeScript 有两种方式安装TypeScript: Via npm 通过安装VS插件,更多可参见这里。 对于npm用户,可以直接使用下面的命令行安装: nmp install -g TypeScript 2.创建第一个TypeScript文...

zhanggui ⋅ 06/12 ⋅ 0

TypeScript 2.9 RC 发布,微软脚本编程语言

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

达尔文 ⋅ 05/17 ⋅ 7

TypeScript 2.8引入条件类型

最新发布的TypeScript 2.8包含了若干主要特性和一些问题修复,其中最为重要的是新增了条件类型,开发人员可以根据其他类型的特征为变量选择适当的类型。 条件类型最适合与泛型组合在一起使用...

dotNET跨平台 ⋅ 04/15 ⋅ 0

使用typescript编写react的时候,props的interface和react本身的proptypes有什么关系

使用typescript编写react的时候,props的interface和react本身的proptypes有什么关系 通常我们使用typescript来编写一个react组件的时候, 都会定义一个props的接口 类似于这样的: 通过对t...

优惠券发放 ⋅ 05/26 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

服务网关过滤器

过滤器作用 我们的微服务应用提供的接口就可以通过统一的API网关入口被客户端访问到了。但是,每个客户端用户请求微服务应用提供的接口时,它们的访问权限往往都需要有一定的限制,系统并不会...

明理萝 ⋅ 19分钟前 ⋅ 1

【2018.06.21学习笔记】【linux高级知识 14.1-14.3】

14.1 NFS介绍 NFS服务全称是NetWork File System:网络文件系统,最早有sun公司开发的,4.0版本由Netapp公司开发,是基于RPC远程过程调用(Remote Procedure Call)协议的服务。 14.2 NFS服务...

lgsxp ⋅ 27分钟前 ⋅ 0

Day18 vim编辑模式、命令模式与练习

编辑模式 命令模式 :nohl 不高亮显示 :x与:wq类似,如果在更改文件之后操作,两者效果一样;如果打开文件,没有任何操作; :wq会更改mtime,但是:x不会。 练习题 扩展 vim的特殊用法 ht...

杉下 ⋅ 31分钟前 ⋅ 0

Enum、EnumMap、EnumSet

1、Enum 不带参数 public enum Car { AUDI { @Override public int getPrice() { return 25000; } }, MERCEDES { ......

职业搬砖20年 ⋅ 31分钟前 ⋅ 0

Java中的锁使用与实现

1.Lock接口 锁是用来控制多个线程访问共享资源的方式,一般来说,一个锁能够防止多个线程同时访问共享资源。 在Lock出现之前,java程序是靠synchronized关键字实现锁功能的,而Java SE5之后,...

ZH-JSON ⋅ 33分钟前 ⋅ 0

线程组和 ThreadLocal

前言 在上面文章中,我们从源码的角度上解析了一下线程池,并且从其 execute 方法开始把线程池中的相关执行流程过了一遍。那么接下来,我们来看一个新的关于线程的知识点:线程组。 线程组 ...

猴亮屏 ⋅ 34分钟前 ⋅ 0

相对路径和绝对路径

基本概念   文件路径就是文件在电脑中的位置,表示文件路径的方式有两种,相对路径和绝对路径。在网页设计中通过路径可以表示链接,插入图像、Flash、CSS文件的位置。   物理路径:物理路...

临江仙卜算子 ⋅ 38分钟前 ⋅ 0

消息队列属性及常见消息队列介绍

什么是消息队列? 消息队列是在消息的传输过程中保存消息的容器,用于接收消息并以文件的方式存储,一个队列的消息可以同时被多个消息消费者消费。分布式消息服务DMS则是分布式的队列系统,消...

中间件小哥 ⋅ 40分钟前 ⋅ 0

java程序员使用web3j进行以太坊开发详解

如何使用web3j为Java应用或Android App增加以太坊区块链支持,教程内容即涉及以太坊中的核心概念,例如账户管理包括账户的创建、钱包创建、交易转账,交易与状态、智能合约开发与交互、过滤器...

笔阁 ⋅ 41分钟前 ⋅ 0

vim编辑模式、vim命令模式

vim编辑模式 使用vim filename 进入的界面是一般模式,在这个模式下虽然我们能够查看,复制,剪切,粘贴,但是不能编辑新的内容,如何能直接写入东西呢?这就需要进入编辑模式了,从一般模式...

李超小牛子 ⋅ 43分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部