TypeScript开发环境安装

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第13天，点击查看活动详情

安装TypeScript

使用如下命令全局安装 TypeScript ：

npm install -g typescript

• npm install是 npm 命令行工具提供的命令之一，该命令用来安装 npm 代码包及其依赖项；
• -g表示使用全局模式安装 TypeScript ；
• typescript代表的 TypeScript 在 npm 注册表中的名字。

安装成功后，使用如下命令验证 TypeScript 是否安装成功：

tsc --version

执行完此命令会输出 TypeScript 的版本号。

接下来我们要做什么？还用说，当然是编写Hello World程序喽。:smile_cat:

hello-world

1. 新建hello-world文件夹

2. 新建tsconfig.json文件

{
    "compilerOptions": {
        "strict": true,
        "target": "es5"
    }
}

3. 新建hello-world.ts文件

const greeting = 'hello, world';
console.log(greeting);

4. 编译程序

使用 vscode 打开hello-world文件夹，然后在菜单栏选择“Terminal --> Run Build Task”来打开并运行构建任务面板，然后再选择“tsc: build - tsconfig.json”来编译 TypeScript 程序。

然而，然而不出意外地出了意外，编译时出错了。我们就当编译成功了，先走正常的流程。编译成功后的文件目录应该如下图所示：

5. 运行程序

在命令行窗口输入如下命令：

node hello-world.js

运行上述命令将打印出信息“hello, world”。

附录

编译程序报如下错误：

tsc : 无法加载文件 C:\Users\PRS\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。

解决办法：以管理员身份运行powerShell，然后输入：set-ExecutionPolicy RemoteSigned ，回车，输入Y。

然后再次编译程序，成功编译，问题解决了。

---

如果觉得文章写得还凑合，还麻烦你动动小手帮忙点个赞呗。你的支持是我更文的动力。目前在写的系列有下面几个系统：

• MyBatis源码解读
• 设计模式
• 一起学Three.js
• Spring Boot
• Spring Cloud

都是一些平时工作中用到的知识点的个人总结和学习笔记。