如何使用Visual Studio代码学习Typescript+；环境设置+；对于初学者？

许多初学者在进行学习打字脚本的环境设置时仍然面临困难。[上升到角度前]

---

谢谢。

因此，设置一个使用Visual Studio代码学习TypeScript的环境只需8个简单步骤

通过以下方式安装TypeScript编译器：

  npm install -g typescript

安装Visual Studio代码

在-Visual Studio代码中创建新文件夹或打开现有文件夹（空的Ex.LearnTSFolder）

在文件夹中创建一个文件-

tsconfig.json

（例如LearnTSFolder） 并将此代码放入-

tsconfig.json

-文件中

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true
    }
}

现在创建一个简单的TS文件

HelloWorld.TS

，并将此代码放入该TS文件中：

class Startup {
    public static main(): number {
        console.log('Hello World, Wazz Up');
        return 0;
    }
}

Startup.main();

现在在终端运行以下命令：

tsc HelloWorld.ts 

………
因此，您可以在我们的文件夹中看到新的传输文件-

HelloWorld.js

generate

现在从全局终端菜单执行运行构建任务（Ctrl+Shift+B）

现在完成了：执行代码；只需在终端运行以下命令：

node HelloWorld.js 

Hello World, Wazz Up

这样，我们可以在终端中看到以下消息：

node HelloWorld.js 

Hello World, Wazz Up

---

因此，设置一个使用VisualStudio代码学习TypeScript的环境只需8个简单步骤

通过以下方式安装TypeScript编译器：

  npm install -g typescript

安装Visual Studio代码

在-Visual Studio代码中创建新文件夹或打开现有文件夹（空的Ex.LearnTSFolder）

在文件夹中创建一个文件-

tsconfig.json

（例如LearnTSFolder） 并将此代码放入-

tsconfig.json

-文件中

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true
    }
}

现在创建一个简单的TS文件

HelloWorld.TS

，并将此代码放入该TS文件中：

class Startup {
    public static main(): number {
        console.log('Hello World, Wazz Up');
        return 0;
    }
}

Startup.main();

现在在终端运行以下命令：

tsc HelloWorld.ts 

………
因此，您可以在我们的文件夹中看到新的传输文件-

HelloWorld.js

generate

现在从全局终端菜单执行运行构建任务（Ctrl+Shift+B）

现在完成了：执行代码；只需在终端运行以下命令：

node HelloWorld.js 

Hello World, Wazz Up

这样，我们可以在终端中看到以下消息：

node HelloWorld.js 

Hello World, Wazz Up

---

无法将获取术语“tsc”识别为cmdlet、函数、脚本文件或可操作程序的名称。无法将获取术语“tsc”识别为cmdlet、函数、脚本文件或可操作程序的名称。