Установка
Существует несколько вариантов установки vue
Возможные способы установки:
- Vue можно установить через подключение стороннего скрипта
- Установить пакет vue через npm и вручную настроить webpack или vite для сборки
- Так же существует Инструменты командной строки (CLI) с помощью которого можно быстро создать каркас приложения (vue + настроенный бандлер)
- Очень популярный сегодня vite (инструмент сборки) созданный специально для vue, позволяет установить и развернуть проект через него.
- Так же для серверного рендеринга (SSR) используется nuxt.js (фреймворк использующий внутри себя vue) устанавливается и используется как отдельный инструмент.
Предупреждение о совместимости
Vue не поддерживает IE8 и ниже, так как использует возможности ECMAScript 5, которые невозможно эмулировать в IE8. В остальном, поддерживаются все браузеры, совместимые с ECMAScript 5.
Подключение через script
Простой способ внедрить vue в уже существующий проект
Вариант №1 Просто скачайте JS-файл и подключите его тегом на странице. Будет зарегистрирована глобальная переменная Vue.
Вариант №2 Подключите скрипт через CDN
Такой способ быстрого подключения отлично подходит для внедрения vue в уже существующий проект, например для реализации интерактивного виджета на сайте.
С этим способом не придется тратить большое количество времени на внедрение и настройку сборки проекта.
С этим способом не придется тратить большое количество времени на внедрение и настройку сборки проекта.
Если хотите воспользоваться этим способом то прочитайте подробнее тут
Подключение через npm
Способ для создания крупных приложений на vue
Рекомендуем использовать npm при создании крупных приложений на Vue. Этот вариант прекрасно работает в паре с инструментами сборки, такими как Webpack и Browserify. Во Vue также есть совместимые с ними инструменты для использования однофайловых компонентов.
Инструменты командной строки (CLI)
Быстрое создание каркаса амбициозных одностраничных приложений
Vue.js предоставляет официальный инструментарий для командной строки (CLI) для быстрого создания каркаса амбициозных одностраничных приложений. Предлагаемые шаблоны содержат всё необходимое для организации современной фронтенд-разработки. Всего за несколько минут вы получите работающую конфигурацию с горячей перезагрузкой модулей, линтингом кода при сохранении и настроенной конфигурацией production-сборки.
Что стоит знать
CLI — это инструмент для тех, кто знаком с Node.js и соответствующими инструментами сборки. Если вы новичок во Vue или инструментах сборки фронтенда, рекомендуем сначала прочитать руководство, не требующее использования инструментов сборки, а уже потом разбираться с CLI. Подробнее вы можете изучить в документации Vue CLI
Предпочтительный способ автора
Два способа которые использует автор книги
Без SSR и вместе с ним
- Когда серверный рендеринг не нужен то использую Vite
- Но в современном мире крупных веб приложений без SSR никуда, поэтому часто использую Nuxt.js
О выборе
Делайте выбор исходя от задачи которая перед вами стоит
Vite
Nuxt
Не спешите с Nuxt
Nuxt крупный серьезный фреймворк для разработки очень больших приложений, внутри nuxt использует vue, но добавляет много своих особенностей и инструментов, если вы только начали изучать vue, то не спешите с nuxt, мы рассмотрим тему nuxt в конце данной книги