关于TypeScript安装

安装前提/需要–>

1>环境：

~系统：Win7
~Node.js（npm）

---

2>Node.js（NPM）安装：

1… Node.js安装包下载：https://nodejs.org/en/download/

2…环境变量(系统变量Path)配置：

例如Node.js安装路径为： F:\ToolsInstallation\Node\

系统变量Path值（注意英文分号）： F:\ToolsInstallation\Node\;

系统变量Path定位：开始>>控制面板>>系统和安全>>系统>>高级系统设置>>
环境变量(N)>>系统变量>>Path

3…成功安装验证：

安装目录：

cmd命令： node -v  或者 node -version，成功提示版本信息

cmd命令： npm -v  或者 npm -version，成功提示版本信息

注：如未提示版本信息或其他异常提示，仔细检查环境变量配置（路径）是否正确。

4…第一个Hello World!（注意文件后缀.js）：

1.创建文件（桌面）：Hello World.js，复制以下内容

var http = require('http');

http.createServer(function (request, response) {

    // 发送 HTTP 头部 
    // HTTP 状态值: 200 : OK
    // 内容类型: text/plain
    response.writeHead(200, {'Content-Type': 'text/plain'});

    // 发送响应数据 "Hello World"
    response.end('Hello World\n');
}).listen(8888);

// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');

2.cmd命令：
cd Desktop,路径定位桌面（定位由Hello World.js文件所在路径而定）

node "Hello World.js"

3.当提示如上图所示“Server running at...”时，浏览器输入地址：
http://127.0.0.1:8888/
网页提示：Hello World 即成功，如下图

---

TypeScript安装–>

1…NPM 安装 TypeScript：

cmd命令：
1.国内镜像

npm config set registry https://registry.npm.taobao.org

2.安装：

npm install -g typescript

2…TypeScript环境变量配置（Path配置）：

1.TypeScript安装路径（视node.js安装路径而定，原因为由NPM安装的TypeScript，默认路径）：
..\node_global\node_modules\typescript

2.注意，环境变量配置路径为（例如node.js安装路径为：F:\ToolsInstallation\Node，
再视typescript的Windows命令脚本（tsc.cmd）路径位置而定，如下图）：
F:\ToolsInstallation\Node\node_global;

3…成功安装验证：

cmd命令： tsc-v  或者 tsc-version，成功提示版本信息

注：如未提示版本信息或其他异常提示，仔细检查环境变量配置（路径）是否正确。

4…第二个Hello World!（注意文件后缀.ts）：

1.创建文件（桌面）：Hello World.ts，复制以下内容

const hello : string = "Hello World!";
console.log(hello);

1.cmd命令：
cd Desktop,路径定位桌面（定位由Hello World.ts文件所在路径而定）

tsc "Hello World.ts"

注：
视自身系统环境，如提示异常信息可去掉命令中双引号（""）;
当执行完命令tsc “Hello World.ts”，会在同级目录自生成一个同名js文件（Hello World.js）。

2.当自生成完同名js文件时，执行以下cmd命令，当得到控制台输出“Hello World!”即成功，如下图：

node "Hello World.js"

---

留言–>

不同系统环境，过程中存在差异，谨以此记举一反三。

---