Начало работы с Vue CLI

  • 2 мин

Vue CLI предоставляет набор средств для разработки, включая формирование шаблонов проектов, сервер разработки и быстрое создание прототипов. Он помогает быстро создать начальное приложение, чтобы вы могли сосредоточиться на написании кода, а не на настройке библиотек и других параметров.

Начальная загрузка

Основная сфера применения Vue CLI заключается в начальной загрузке приложения. Сценарий создания содержит мастер, позволяющий выбрать одну из наиболее распространенных конфигураций, в том числе:

  • Параметры анализа кода. Убедитесь, что код выглядит единообразно. Эти параметры также помогут выявить ошибки.
  • Тип приложения. Выберите, следует ли добавить поддержку прогрессивных веб-приложений.
  • Поддержка Babel. Задача Babel — преобразование более нового синтаксиса JavaScript в более старые формы JavaScript, если ваше приложение должно использоваться в более старых браузерах.
  • Язык. Выберите JavaScript или TypeScript. Любой вариант подходит, хотя TypeScript предлагает типы и другие возможности и может быть хорошим вариантом при расширении приложения. Сам Vue встроен в TypeScript.

Процесс сборки

Vue CLI предназначен для работы с однофайловыми компонентами Vue, или VUE-файлами. Средство создания пакетов модуля, или средство создания пакетов, управляет процессом преобразования специализированного синтаксиса во VUE-файлах в соответствующий код JavaScript, HTML и CSS, чтобы браузеры могли читать файлы.

Vue CLI использует webpack в качестве средства создания пакетов по умолчанию. Конфигурация webpack по умолчанию подходит для большинства сценариев. С помощью Vue CLI можно пропустить шаги, необходимые для настройки средства создания пакета, а вместо этого использовать предоставленные настройки.

Сервер разработки

Любое приложение разрабатывается методом проб и ошибок. Вы вносите несколько изменений, загружаете страницу в браузере, тестируете ее и вносите еще несколько изменений. Затем этот процесс повторяется до тех пор, пока все не будет работать, как ожидалось.

Будет лучше максимально сократить количество шагов этого процесса. Для упрощения разработки Vue CLI включает сервер разработки. При каждом сохранении файла сервер разработки определяет изменения в файлах, перестраивает (или переупаковывает) проект и позволяет протестировать страницу в браузере.