Ярлык сборки VS Code: несколько методов и примеры кода

Ярлык сборки VS Code позволяет быстро скомпилировать или построить код в редакторе кода Visual Studio. Вот несколько методов, которые вы можете использовать, а также примеры кода:

  1. Конфигурация Tasks.json:
    • Откройте палитру команд, нажав Ctrl+Shift+P (Windows/Linux) или Cmd+Shift+P (Mac).
    • Введите «Задачи: настроить задачу» и выберите ее.
    • Выберите тип задачи, которую вы хотите настроить, например «npm» или «shell».
    • Измените созданный файл tasks.json, указав команду сборки и любые дополнительные конфигурации.
    • Сохраните файл tasks.json.
    • Используйте сочетание клавиш сборки (Ctrl+Shift+B или Cmd+Shift+B), чтобы выполнить настроенную задачу сборки.

Пример файла tasks.jsonдля задачи сборки npm:

{
   "version": "2.0.0",
   "tasks": [
       {
           "label": "Build",
           "type": "npm",
           "script": "build",
           "group": "build"
       }
   ]
}
  1. Использование системы сборки, такой как Gulp или Grunt:
    • Установите расширение Gulp или Grunt для VS Code.
    • Создайте файл конфигурации Gulpfile.js или Gruntfile.js в корне вашего проекта.
    • Определите задачу сборки в файле конфигурации, в котором указаны необходимые шаги сборки.
    • Используйте сочетание клавиш сборки (Ctrl+Shift+B или Cmd+Shift+B), чтобы выполнить задачу сборки.

Пример Gulpfile.js:

const gulp = require('gulp');
const babel = require('gulp-babel');
gulp.task('build', function () {
   return gulp.src('src//*.js')
      .pipe(babel())
      .pipe(gulp.dest('dist'));
});
  1. Использование пользовательской комбинации клавиш:
    • Откройте палитру команд, нажав Ctrl+Shift+P (Windows/Linux) или Cmd+Shift+P (Mac).
    • Введите «Настройки: открытые сочетания клавиш» и выберите его.
    • В файле keybindings.json определите пользовательскую привязку клавиш для команды сборки.
    • Сохраните файл keybindings.json.
    • Используйте специальную комбинацию клавиш для запуска процесса сборки.

Пример записи keybindings.json:

{
   "key": "ctrl+b",
   "command": "workbench.action.tasks.build"
}