如何使用Visual Studio Code + Environment setup +为初学者学习打字稿？

Question

许多初学者在为学习打字稿做环境设置时仍面临困难。 [在升级到Angular之前]

谢谢。

Answer 1

因此，设置环境以使用Visual Studio Code学习TypeScript是8个简单的步骤。

1. 通过以下方式安装TypeScript编译器： npm install -g typescript
2. 安装Visual Studio代码
3. 在 - Visual Studio代码中创建新文件夹或打开现有文件夹（空Ex.LearnTSFolder）
4. 在你的文件夹（例如LearnTSFolder）中创建一个文件 - tsconfig.json并将此代码放入其中 - tsconfig.json - file

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

5. 现在创建一个简单的TS文件HelloWorld.ts，并将此代码放在这个ts文件中：

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

6. 现在在终端运行此命令： tsc HelloWorld.ts ............ 所以通过这个你可以看到新的转换文件 - HelloWorld.js生成在我们的文件夹中
7. 现在从全局“终端”菜单执行“运行构建任务”（Ctrl + Shift + B）
8. 它现在完成..：执行代码;只需在终端下面运行命令： node HelloWorld.js 这样我们可以在终端中看到以下消息： Hello World, Wazz Up