Typescript скомпилировать при сохранении в возвышенном 3

Question

Есть ли способ заставить Sublime text 3 скомпилировать код Typescript при сохранении? Немного раздражает переключение между терминалом и Sublime. Спасибо!

Answer 1

Я не знаю, как сделать это при сохранении, но вы можете сделать это, нажав Ctrl+ B. Чтобы заставить это работать, сделайте это:

1. перейдите в Инструменты-> Система сборки-> Новая система сборки

2. скопируйте и вставьте следующее:

   {
       "cmd": ["tsc","$file"],
       "file_regex": "(.*\\.ts?)\\s\\(([0-9]+)\\,([0-9]+)\\)\\:\\s(...*?)$",
       "selector": "source.ts",
   
       "windows": {
           "cmd": ["tsc.cmd", "$file"]
       }
   }
   

3. сохраните его как "myTypeScript.sublime-build"

4. Инструменты-> Система сборки и выберите систему сборки, которую вы только что создали "myTypeScript.sublime-build"

5. каждый раз, когда вы хотите скомпилировать, просто нажмите Ctrl+ B

Вы можете увидеть некоторые объяснения об этом и многое другое здесь

Answer 2

Откройте окно терминала для папки, содержащей ваши файлы.TS. Выполните 'tsc -w', и пусть он отслеживает изменения в любом из файлов.ts, и он скомпилирует их в.js . Вы можете использовать последнюю версию машинописи для nodejs (убедитесь, что установили nodejs и машинопись для нее). Оставьте окно терминала открытым, пока не захотите выходить. Нет необходимости компилировать на функцию сохранения. В любом случае, этот вариант редко соблюдается. И пакет машинописного текста в возвышенном тексте 3 довольно устарел.

Answer 3

Спасибо! Это работает для одного файла. Но я забыл упомянуть, что у меня есть несколько скриптов в папке. К счастью, нашел другое решение в Интернете. На случай, если кому-то еще это понадобится:

1. создайте новый файл в той же папке, где расположены все скрипты (в моем случае/ js), и назовите его tsconfig.json
2. Вставьте этот код в файл:
   { "compilerOptions": { "emitDecoratorMetadata": false, "module": "commonjs", "target": "ES5" }, "files":["your_script_0.ts", "your_script_1.ts"], "exclude": [ "node_modules" ] }
   

3. в терминале перейдите к исходной папке (/ js в моем случае) и используйте следующие команды:

   • для одноразовой компиляции: tsc -p .
   • для компиляции при сохранении: tsc -w

Пожалуйста, поправьте меня, если я ошибаюсь или не совсем прав насчет использования команд. Но, по крайней мере, решение работает для меня.

Answer 4

Для возвышенных текстовых пользователей

1. установить пакет контроллера с этого сайта.
2. откройте возвышенный текст и нажмите ctrl+shift+p и напишите установочный пакет и нажмите ввод.
3. записывать Sublimeonsavebuild и нажмите ввод.
4. идти к preferences > package settings > Sublimeonsavebuild > setting - user и вставьте ниже код и сохраните его.

{
    "filename_filter": "(/|\\\\|^)(?!_)(\\w+)\\.(ts|sass|less|scss)$",
    "build_on_save": 1
}

5. идти к tools > build system > new build system и вставьте ниже код, сохраните его как "Typescript" и выберите эту сборку.

{
    "cmd": ["tsc","$file"],
    "file_regex": "(.*\\.ts?)\\s\\(([0-9]+)\\,([0-9]+)\\)\\:\\s(...*?)$",
    "selector": "source.ts",

    "windows": {
        "cmd": ["tsc.cmd", "$file"]
    }
}

6. Теперь, когда вы сохраняете файл.ts, он автоматически компилируется в файл.js.
7. Наслаждаться!!