如何通过 Visual Studio 代码 + 环境设置 + 初学者学习 Typescript？

Question

许多初学者在为 Learn typescript 进行环境设置时仍然面临困难。 [升级到 Angular]

谢谢。

Answer 1

所以设置环境以使用 Visual Studio 代码学习 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 ) 来自全局终端菜单

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

   node HelloWorld.js 
   

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

   Hello World, Wazz Up