搭建TypeScript开发环境(基于Visual Studio Code和Node.js)

来源:互联网 发布:淘宝成交指数 编辑:程序博客网 时间:2024/06/05 01:17

整个环境的搭建,分为三个部分。其中node.js和TypeScript的安装是重点,其他一带而过。

(1)node.js的安装

官方网址为:https://nodejs.org/en/download/

npm再node.js安装过程中,将被一并安装。全称为Node Packet Manager,是一个nodejs的包管理工具。在TypeScript安装时,将被用到。

安装完毕后,可以通过查看版本的方式,确认安装成功。

node -v
npm -v

这里写图片描述

这里需要单独设置一个环境变量NODE_PATH,用于后面的TypeScript安装。

NODE_PATH=C:\Program Files\nodejs\node_global\

C:\Program Files\nodejs\为node.js的安装目录

node_global目录为用户手动创建的自定义目录,之后TypeScript将会安装到该目录下。

(2)visual studio code安装

官方网址为:https://code.visualstudio.com/
直接安装就好,不再啰嗦。

(3)TypeScript安装

TypeScript需要使用npm通过命令行安装。国内安装需要代理。

首先,先清空一下代理

npm config rm proxynpm config rm https-proxy

之后,设置代理,我们这里使用淘宝的。如果公司内部有相应的代理,也可以使用公司的。

npm install -g cnpm --registry=https://registry.npm.taobao.org

接着,安装TypeScript

npm install -g typescript

更新TypeScript,则需要

npm update -g typescript

安装完毕后,可通过查看版本的方式,确认是否安装成功。

tsc -v

这里写图片描述

参考文章:
(1)https://segmentfault.com/a/1190000006124164
(2)http://blog.csdn.net/x386277405/article/details/78297526
(3)http://blog.csdn.net/hopewsw/article/details/54426597

阅读全文
0 0
原创粉丝点击