使用 Visual Studio Code 搭建 TypeScript 开发环境

更新日志

2023-9-7 添加管理多个NODE版本的链接

简介

TypeScript 官方网站: http://www.typescriptlang.org/

TypeScript是由微软Anders Hejlsberg(安德斯·海尔斯伯格)领衔开发的。

(安德斯·海尔斯伯格是Delphi 和 C#之父，Turbo Pascal 编译器的主要作者，.NET 概念发起人之一，同时也是TypeScript开源项目的重要领导人。他于1996年加入微软，目前是 C# 语言的首席架构师和 TypeScript 的核心开发者，获微软卓越工程师 Distinguished Engineer 和微软技术院士 Technical Fellow 称号。)

TypeScript: 应用级别的JavaScript开发

TypeScript 主要特点包括：

• TypeScript 是微软推出的开源语言，使用 Apache 授权协议
• TypeScript 是 JavaScript 的超集
• TypeScript 增加了可选类型、类和模块
• TypeScript 可编译成可读的、标准的 JavaScript
• TypeScript 支持开发大规模 JavaScript 应用
• TypeScript 设计用于开发大型应用，并保证编译后的 JavaScript 代码兼容性
• TypeScript 扩展了 JavaScript 的语法，因此已有的 JavaScript 代码可直接与 TypeScript 一起运行无需更改
• TypeScript 文件扩展名是 ts，而 TypeScript 编译器会编译成 js 文件
• TypeScript 语法与 JScript .NET 相同
• TypeScript 易学易于理解

准备工作

下载并安装 nodejs 和 Visual Studio Code 。

• node.js
• Visual Studio Code

安装Node.js并检测是否安装成功

安装 Node.js，安装过程基本上是下一步即可完成。

然后在CMD中运行如下命令：node -v 来查询当前 Node.js 的版本号，输出版本号后就证明安装成功。

接着可以输入命令：npm -v 来查询当前 npm 工具的版本号。

设置 Node.js 的 npm 安装 package 的全局路径（非必须）

npm 安装工具默认会安装到C盘。因为 npmrc 文件中默认的设置为：prefix=${APPDATA}\npm 。安装在C盘中，有时可能会因为系统权限的问题，导致不能正常成功的安装某些工具，那么我们就可以先将 npm 安装的全局路径自定设置一下。

在 nodejs 的安装目录下（即你的 nodejs 安装后的根目录）新建两个目录：node_global ，node_cache，然后找到 nodejs 目录下的 node_modules/npm 目录下名为 npmrc 或者 .npmrc 文件（为了安全，我们可以先将该文件复制一个副本出来进行备份），使用文本编辑器打开，修改并新增如下：prefix 和 cache 分别对应之前新建的目录 node_global 和 node_cahche 。

通过设置后，后续在安装工具的时候，比如安装 TypeScript ，最终会安装到 node_global 中。

如果你有多个版本的 node 可以修改个人文件夹下的npmrc 或者 .npmrc 文件。这样不管切换到哪个版本都会安装到同一个目录下。管理多个