VueJS – Установка среды

VueJS – Установка среды

От автора: существует много способов, с помощью которых производится установка Vue JS. Некоторые из них будут описаны ниже.

Использование тэга script прямо в HTML-файле

<html>
 <head>
 <script type = "text/javascript" src = "vue.min.js"></script>
 </head>
 <body></body>
</html>

Перейдите на домашнюю страницу официального сайта VueJS https://vuejs.org/v2/guide/installation.html и загрузите vue.js. Вы увидите две версии – производственную версию и версию для разработчиков. Версия для разработчиков не является минимизированной, в то время как производственная версия – минимизирована, как показано на следующем скриншоте. Версия для разработчиков предоставляет предупреждения и режим отладки во время разработки проекта.

Использование CDN

Мы можем также начать использовать файл VueJS из библиотеки CDN. по данной ссылке https://unpkg.com/vue вы можете найти самую новую версию VueJS. VueJS доступен также на jsDelivr (https://cdn.jsdelivr.net/npm/vue/dist/vue.js) и cdnjs (https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js). При необходимости мы можем разместить файлы на сервере и начать работу с VueJS.

Использование NPM

Если вы имеете дело с крупномасштабными приложениями, то рекомендуется выполнять установку VueJS, используя npm-пакет. Он работает вместе с Browserify и Webpack, а также другими необходимыми инструментами, которые помогают в разработке. Ниже приведена команда установки с использованием npm.

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее
npm  install vue

Использование командной строки CLI

VueJS также представляет CLI для установки vue и начала работы с активацией сервера. Чтобы выполнить установку с использованием CLI, нам нужно будет установить CLI, это можно сделать при помощи следующей команды.

npm install --global vue-cli

После этого мы можем увидеть версию CLI для VueJS. Установка может занять несколько минут.

+ vue-cli@2.8.2
added 965 packages in 355.414s

Ниже приведена команда для создания проекта с использованием Webpack.

vue init webpack myproject

Чтобы приступить к работе, используйте следующую команду.

cd myproject
npm install
npm run dev

После выполнения npm run dev, запускается сервер и выдаётся url для отображения в браузере, как показано на следующем скриншоте.

Структура проекта с использованием CLI выглядит следующим образом:

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

VUE JS. Быстрый старт

Практический курс по созданию веб-приложения на VUE JS с полного нуля

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree