如何使用Visual Studio Code +环境设置+为初学者学习打字稿？

Question

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

谢谢。

Answer 1

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

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

     npm install -g typescript
   

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

4. 在文件夹内创建文件-tsconfig.json（例如LearnTSFolder） 并将此代码放入-tsconfig.json-文件

   {
       "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 ） li>

8. 现在完成 ..：执行代码；只需在终端下面的命令下运行：

   node HelloWorld.js 
   

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

   Hello World, Wazz Up