Автоматическая компиляция на сохранить машинопись в кода Visual Studio

В этот пост мы будем решать две проблемы: 1) команда “ТСК” не распознается в VS интегрированный код терминала, и 2) компиляция не работают автоматически при сохранении файла “.TS” (Тип сценария).

Введение

Только для того, чтобы контекст, в Машинопись позволяет вам написать код с использованием строго типизированных структуры и этот компилированного кода на чистом JavaScript. Уже Visual Studio код мультиплатформенный редактор создан корпорацией Майкрософт.

// Версии, используемые в этой должности:
- Visual Studio (ПРОТИВ) Код: Версия 1.14.1
- Машинопись: Версия 2.4.1

Это просто подсказка, но вас могут возникнуть проблемы, если вы не знаете, что вы делаете: мой случай :(D)

Установка Node.js и машинопись

Один из способов установки машинопись — через менеджер пакетов Node.js (NPM – Менеджер пакетов узел), но использовать его, необходимо сначала установить Node.js.

После установки узла, Открыть терминал (команда) и запустите следующую команду, чтобы Установите машинопись:

NPM установки -g машинопись

Windows-терминал (или Linux), Выполните тестовый запуск машинопись, проверяя установленной версии. Команда “ТСК” это акроним для компилятора машинопись.

ТСК -v

Проблема

Проблема в том, что команда “ТСК” нормально функционировал в терминал Windows, но не в комплексной терминал который приходит внутри кода Visual Studio (Код VS), Отображение следующей ошибки:

«tsc» не распознается в внутренней или внешней командой,работоспособными программы или пакетного файла файл.

В дополнение, Я не хочу выполнить команду “ТСК” для каждый раз, когда я хотел, чтобы скомпилировать файл “.TS” (расширение для машинопись). Так, Как сделать автоматическое строить, чтобы спасти (CTRL + S)? Это, что мы увидим далее.

Outros erros

Стремясь решить эти вопросы, Я нашел должностей, говоря использовать compileOnSave, но это поддерживается только в Visual Studio 2015 с машинопись > = 1.8.4 и атом машинопись плагин. Другими словами, Существует никакого смысла в использовании compileOnSave в “tsconfig. json” Кода Visual Studio, Приведенный ниже код не будет работать:

{
   "compileOnSave": значение true,
   "compilerOptions": {
       "noImplicitAny" : значение true
   }
}

Решение

ТСК в VS интегрированный код терминала

Во-первых мы решаем проблемы ТСК не признаваться в Visual Studio интегрированной код терминала (Код VS).

Некоторые Сообщения предложить путь ТСК или npm помещаются в переменную среды PATH, но делает простой способ решить эту проблему Установка “Машинопись для Visual Studio, Это совместимый код VS.

Агора сим, После установки, Открыть в Visual Studio интегрированной код терминала, Ввод:

// Сочетания клавиш для Visual Studio интегрированной код терминала:
CTRL+`
// Или используйте меню, чтобы открыть терминал в кода Visual Studio:
Вид > Комплексной терминал

Попробуйте проверить Машинопись версия комплексной терминал непосредственно против код (Не на терминал Windows), и вероятно, будет работать:

ТСК -v

Автоматическая компиляция при сохранении файла .TS

Код терминала стоять против в вашем каталоге скрипта (.TS), Например:

CD C:\wamp64wwwts

Создайте файл tsconfig. json набрав в терминале против код:

ТСК --init

Обратите внимание, что файл “tsconfig. json” будет создан в “(C):\wamp64wwwts” (текущий каталог).

Открыть tsconfig. json и включить опцию “Недопустимый”: значение true, и сохранить изменения, Таким образом:

  "compilerOptions": {
    /* Основные параметры */
    "target": "es5",                          /* Укажите целевой версии ECMAScript: «Буффало» (по умолчанию), «ES5», «ES2015», «ES2016», «ES2017», или «ESNEXT». */
    "module": "commonjs",                     /* Укажите модуль генерации кода: «commonjs», «amd», «система», «umd», «es2015», или «ESNext». */
    // "lib": [],                             /* Укажите файлы библиотеки должны быть включены в сборник:  */
    // "allowJs": значение true,                       /* Разрешить javascript файлов для компиляции. */
    // "checkJs": значение true,                       /* Сообщения об ошибках в JS-файлах. */
    // "jsx": "preserve",                     /* Укажите JSX генерации кода: «сохранить», «РЕАКТ родной», или «реагируют». */
    // "declaration": значение true,                   /* Генерирует соответствующие '. d.ts' файл. */
    "sourceMap": значение true,                     /* Генерирует соответствующий файл «.map». */
    // "outFile": "./",                       /* Сцепление и излучают вывода для одного файла. */
    // "outDir": "./",                        /* Перенаправление вывода структура в каталог. */
    // "rootDir": "./",                       /* Укажите корневой каталог входных файлов. Используется для управления структура выходных каталогов с--outDir. */
    ... продолжается ...

Вскоре, Агора é só ИК нет терминала делать против код e digitar o десантников:

ТСК -w

Este десантников fica monitorando (OU vendo, так “w” де смотреть) aplicação e qualquer alteração не arquivos .TS, Quando Сальво, fará imediata compilação em .JS.

Ну вот!

Всего просмотров: 1127

Оставь ответ

Ваш электронный адрес не будет опубликован. Обязательные поля отмечены *