Автоматична компіляція на зберегти машинопис в Visual Studio код

У цій замітці ми вирішимо дві проблеми: 1) команда “ТОК” не розпізнано в проти комплексного терміналом код, і 2) Компіляція не працює автоматично під час збереження файлу “.TS” (Тип сценарію).

Введення

Просто контекстуалізувати, на (у 200 за все дозволяє писати код за допомогою сильно натисованої структури і мати цей код, складений для чистого JavaScript. В.О. Візуальний студійний код — це кросплатформний редактор коду, створений корпорацією Майкрософт.

// Версії, що використовуються в цьому повідомленні:
- Візуальний номер-студіо (Проти) Код: Версія 1.14.1
- Дескриптор типів: Версія 2.4.1

Це легка порада, але у вас можуть виникнути проблеми, якщо ви не знаєте, що ви робите: мій випадок :(D)

Інсталяція вузла.js і TypeScript

Один із способів інсталяції TypeScript – через диспетчер пакунків вузла.js (1000000 – Менеджер пакунків вузлів), але використовувати його, вам спочатку потрібно встановити Вузол.js.

Після установки вузла, відкрити термінал (команда) і запустіть таку команду, щоб встановити TypeScript:

встановити npm -1000000000

Ще через термінал Windows (або Linux), перевірити дескриптор, перевіривши встановлену версію. Команда “ТОК” є абревіатурою компілятора TypeScript.

ТОК -V

Проблема

Проблема полягає в тому, що команда “ТОК” нормально функціонує на терміналі Windows, але не в інтегрованому терміналі, який поставляється в самому коді Visual Studio (VS код), відображення такої помилки:

«ЦГЗ» не розпізнається як внутрішня або зовнішня команда,програма або пакетна програма Файл.

Крім цього, Не знайшли потрібне помешкання? “ТОК” кожного разу, коли потрібно скомпілювати файл “.TS” (розширення для TypeScript). Так, як завжди робити автоматичну компіляцію при збереженні (Сполучення клавіш CTRL + S)? Ось що ми побачимо далі.

Інші помилки

Спроба вирішити ці проблеми, Знайдені повідомлення, що говорять про використання компіляціяOnЗбереження, але це підтримується лише Visual Studio 2015 з TypeScript > = 1.8.4 і плагін atom-typescript. IE, немає використовується для використання компіляціяOnЗбереження Дюйма “(у 200 за все)” з коду Visual Studio, наведений нижче код не спрацює:

{
   "compileOnSave": Справжній,
   "compilerOptions": {
       "noImplicitAny" : Справжній
   }
}

Рішення

TSC в проти код інтегрований термінал

По-перше, давайте вирішимо проблему ТОК не розпізнається в інтегрованому терміналі візуального студійного коду (VS код).

Деякі Повідомлення запропонувати поставити шлях tsc або npm у змінну середовища PATH, але простий спосіб вирішити це було, зробивши встановлення “TypeScript для Visual Studio, який сумісний для VS кодексу, а також.

Тепер так, після установки, відкрити інтегрований термінал візуального студійного коду, Набравши:

// Гаряча клавіша для інтегрованого терміналу візуального студійного коду:
Ctrl+`
// Або скористайтеся меню, щоб відкрити термінал у Visual Studio код:
Переглянути > Інтегрований термінал

Спробуйте перевірити Версія TypeScript безпосередньо в інтегрований термінал VS Code (Немає в терміналі Windows), і це, ймовірно, буде працювати:

ТОК -V

Автоматична компіляція при збереженні файлу .TS

Vs код термінала позиціонується у вашому каталозі сценаріїв (.TS), Наприклад:

C cd:\Wamp64wwwts

Створення файлу (у 200 за все) введення в терміналі VS код:

ТОК --Init

Зауважте, що файл “(у 200 за все)” буде створено в “(C):\Wamp64wwwts” (поточний каталог).

Відкрийте (у 200 за все) і включити опцію “вихідна карта”: Справжній, і зберегти модифікацію, отримання так:

  "compilerOptions": {
    /* Основні параметри */
    "target": "es5",                          /* Укажіть цільову версію ECMAScript: «ES3» (за промовчанням), «ES5», «ES2015», «ES2016», «ES2017», або 'ESNEXT'. */
    "module": "commonjs",                     /* Визначення генерації коду модуля: «commonjs», «amd», «система», «Умд», «ES2015», або 'ESNext'. */
    // "lib": [],                             /* Укажіть файли бібліотеки, які буде включено до компіляції:  */
    // "allowJs": Справжній,                       /* Дозволити компіляції файлів JavaScript. */
    // "checkJs": Справжній,                       /* Повідомлення про помилки у .js файлах. */
    // "jsx": "preserve",                     /* Укажіть генерацію коду JSX: «зберегти», «реагують рідні», або «реагувати». */
    // "declaration": Справжній,                   /* Створює відповідний файл ".d.ts". */
    "sourceMap": Справжній,                     /* Створює відповідний файл ".map". */
    // "outFile": "./",                       /* Об'єднати та випромінює вивід в один файл. */
    // "outDir": "./",                        /* Переспрямування структури виводу до каталогу. */
    // "rootDir": "./",                       /* Вкажіть кореневий каталог вхідних файлів. Використовується для керування структурою каталогів виводу за допомогою --outDir. */
    ... триває ...

Готові, агора е е ir немає терміналу робити VS код e digitar o comando:

ТОК -W

Есте командо фіка моніторандо (ou вендо, Пор-Іссо “W” de дивитися) aplicação e qualquer alteração немає arquivos .TS, Квандо сальво, зробить негайну компіляцію в .Js.

Ось-ось!

Усього відвідувань: 9219

Дати відповідь

На адресу електронної пошти не буде опублікований. Обов'язкові поля помічені *