Как узнать Typescript с помощью Visual Studio Code + Настройка среды + для начинающих?

Question

Многие новички по-прежнему сталкиваются с трудностями при настройке среды для машинописи Learn. [до перехода в Angular]

Спасибо.

Answer 1

Итак, это 8 простых шагов, чтобы установить среду для изучения TypeScript с помощью кода Visual Studio.

1. Установка компилятора TypeScript с помощью:

     npm install -g typescript
   

2. Установить код Visual Studio
3. Создать новую папку или открыть существующую папку (пустую Ex.LearnTSFolder) в - Visual Studio Code

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