пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅ
Слишком длинный поисковый запрос.
По вашему запросу ничего не найдено :(
Убедитесь, что запрос написан правильно, или посмотрите другие
наши статьи:
Vagrant является инструментом с помощью которого осуществляется создание и управление виртуальными машинами с помощью технологии виртуализации.
Благодаря простому в использовании алгоритму и автоматизации процессов, Vagrant сокращает время настройки и оптимизации среды в которой вы будете работать. Погнали.
Установка для Windows
Установка Vagrant сама по себе очень проста, Вам необходимо скачать клиент с официального сайта для операционной системы, которую вы планируете юзать и запустить процесс установки. Для работы Vagrant также необходимо скачать VirtualBox с официального сайта.
VirtualBox гипервизор, осуществляющий процесс виртуализации (опа, тавтология) систем Linux, macOS, Windows и других. Установка софта VirtualBox, как и самого Vagrant проста и не вызовет у вас никаких вопросов и проблем, а как только вы установите две программы, рекомендуется выполнить перезагрузку Вашей системы.
Кстати, почитать об установке VirtualBox 6.0 на Linux вы можете в нашей статье
После установки откройте командную строку и проверьте доступность Vagrant с помощью следующих строк кода:
$ vagrant
Usage: vagrant [options] <command> []
-v, --version Print the version and exit. -h, --help Print this help.
# ...
Первым шагом в настройке виртуальной машины с помощью Vagrant является создание Vagrantfile, который будет содержать все необходимые настройки. Введите следующую команду:
mkdir vagrant_demo && cd vagrant_demo
vagrant init ubuntu/trusty64
Vagrantfile - это файл Ruby, который описывает, как настроить и подготовить виртуальную машину.
Однако, вместо создания виртуальной машины с нуля, софт предлагает вам воспользоваться базовыми образами для использования "шаблонов" виртуальной машины. Эти базовые образы в Vagrant называются "Vagrant box", которые добавляются в Vagrant с помощью инструмента vagrant box add, сохраняющего Vagrant box под определенным именем, предоставляя возможность использовать несколькими средами повторно. Круто, не правда ли?
$ vagrant box add hashicorp/precise64
С помощью этой команды вы сможете загрузить готовый Vagrant box с названием "hashicorp/precision64" из каталога Vashgrant Cloud, предоставляемого разработчиками для обмена готовыми образами. Следует отметить и то, что имеется возможность добавления образов из локальных файлов или пользовательского URL.
"Боксы" хранятся для каждого пользователя отдельно. Каждый проект Vagrant box создает новую копию "бокса" и никогда не изменяет исходный образ. Это означает, что если у вас есть два проекта, в которых используется один образ Vagrant box hashicorp/precision64, добавление файлов на одной виртуальной машине не повлияет на другую.
Когда Vagrant box добавлен в Vagrant, вы можете настроить его для использования в качестве основы. Откройте Vagrantfile и измените содержимое на следующее:
Vagrant.configure("2") do |config|
config.vm.box = "hashicorp/precise64"
end
Вы можете указать версию "бокса", указав config.vm.box_version, например:
Vagrant.configure("2") do |config|
config.vm.box = "hashicorp/precise64"
config.vm.box_version = "1.1.0"
end
Также возможно указать URL-адрес, используя config.vm.box_url:
Vagrant.configure("2") do |config|
config.vm.box = "hashicorp/precise64"
config.vm.box_url = "https://vagrantcloud.com/hashicorp/precise64"
end
Загружаем первую виртуальную машину Vagrant и вводим команду: $ vagrant up
В течении минуты работа этой команды завершится, загрузив для Вас виртуальную машину с Ubuntu. Процесс загрузки будет выглядеть примерно следующим образом:
Чтобы проверить его работоспособность производится подключение SSH к виртуальной машине: $ vagrant ssh.
Эта команда переведет вас в полноценный SSH-сеанс. Теперь у Вас есть возможность взаимодействия с виртуальной машиной. Сеанс SSH может быть завершен с помощью сочетания клавиш CTRL + D.
vagrant@precise64:~$ logout
Connection to 127.0.0.1 closed.
По окончанию работы с виртуальной машиной следует запустить команду vagrant destroy и Vagrant прекратит использование любых ресурсов, потребляемых виртуальной машиной.
Установка на Ubuntu:
Устанавливаем Virtualbox, который, кстати, сразу доступен в репозиториях Ubuntu: >sudo apt install virtualbox
Совет: Следует отметить, что Vagrant и Virtualbox, доступные в репозиториях Ubuntu могут быть не самой актуальной версии, для установки последних версий этих программ, загрузите их с официальных сайтов разработчиков.
Чтобы убедиться, что установка прошла успешно с помощью следующей команды мы можем проверить версию программы Vagrant: vagrant --version
Вы должны увидеть примерно следующее: Vagrant 2.0.2
Убедившись, что Vagrant установлен в системе Ubuntu, мы можем создать среду разработки, которая является наиболее распространенным вариантом использования данной программы.
Первым шагом является создание каталога, который будет корневым каталогом проекта. И делаем файл Vagrantfile.
Создайте каталог проекта и переключитесь на него:
mkdir ~/my-first-vagrant-project
cd ~/my-first-vagrant-project
Следующим шагом является инициализация нового Vagrantfile с помощью команды vagrant init. В этом примере мы у нас CentOS 7. Запустите следующую команду, чтобы инициализировать новый Vagrantfile:
vagrant init centos/7
A `Vagrantfile` has been placed in this directory. You are now
ready to `vagrant up` your first virtual environment! Please read the comments in the Vagrantfile as well as documentation on `vagrantup.com` for more information on using Vagrant.
Запустив vagrant up, мы получаем возможность создать и настроить среду в соответствии с Vagrantfile.
vagrant up
==> default: Configuring and enabling network interfaces...
default: SSH address: 192.168.121.74:22
default: SSH username: vagrant
default: SSH auth method: private key
==> default: Rsyncing folder: /home/linuxize/Vagrant/my-first-vagrant-project/ => /vagrant
Как видно из приведенной выше информации, Vagrant также внедряет каталог проекта в /vagrant на виртуальной машине, что позволяет вам работать с файлами вашего проекта на вашем хост-компьютере.
Чтобы войти в среду, просто запустите ее с помощью команды:
vagrant ssh
Остановка работы среды:
vagrant halt
Следующая строка остановит работу среды, а также очистит всю информацию, которая была необходима для ее работы:
vagrant destroy
Благодаря нашей статье, вы увидели процесс установки и настройки виртуальной машины на свой компьютер на Windows или Ubuntu 18.04, а также в статье наглядно продемонстрирован процесс создания и настройки виртуальной машины. Профит!
Если вы только начинаете работать с JavaScript, то вас может поразить, сколько существует различных инструментов и технологий. И вы едва ли сможете понять, какие инструменты вам на самом деле нужны.
Или, возможно, вы уже знакомы с какими-то инструментами, но при этом не задумывались, от каких проблем они вас избавляют, и какой была бы печальной ваша жизнь без них.
Лично я считаю, что программисты и разработчики должны знать, для чего нужны те инструменты, с которыми они работают ежедневно.
Именно поэтому в этой статье я решил рассказать о таких инструментах, как NPM, Babel, Webpack, ESLint и CircleCI. Я подробно рассмотрю проблемы, которые они решают, а также то, как их применять для решения этих проблем.
NPM
NPM – это стандартный менеджер пакетов, который предназначен для JavaScript-разработки. С его помощью вы можете найти и установить пакеты (программы), которые в дальнейшем сможете использовать в своих программах.
Для того, чтобы добавить npm в свой проект, просто введите команду «
npm init
». Когда вы запустите эту команду, в текущем каталоге будет создан файл
package.json
. В этом файле хранится список ваших зависимостей. Для npm этот файл выглядит как идентификационная карточка проекта.
Вы можете добавлять зависимости в этот файл. Для этого вам нужна команда «
npm install (имя_пакета)
».
Когда вы запустите эту команду, npm обратится к удаленному реестру и проверит, существует ли пакет с таким именем. Если он существует, то в ваш файл
package.json
будет добавлена новая запись о зависимости, а сам пакет со всеми его внутренними зависимостями загрузится из реестра.
Все загруженные пакеты и зависимости вы можете найти в папке «
node_modules
». Только учтите, что со временем эта папка может стать довольно большой, так что не забудьте добавить ее в
.gitignore
.
NPM не только позволяет с легкостью находить и загружать нужные пакеты, но и упрощает совместную работу над проектом.
Если бы у вас не было NPM, вам было бы сложно управлять внешними зависимостями. Поэтому, если бы вам было нужно присоединиться к уже существующему проекту, вам пришлось бы вручную загружать правильные версии всех зависимостей. Это могло бы стать настоящей головной болью.
А если у вас есть NPM, то вы можете просто запустить команду «
npm install
», и она установит все внешние зависимости без вашего вмешательства. А когда кто-нибудь из вашей команды добавит новую зависимость, все, что вам нужно будет сделать, это снова запустить эту команду.
Babel
Babel – это компилятор и транспайлер JavaScript, который преобразует код ECMAScript 2015+ в код, который будет понятен для более старых движков JavaScript.
Babel – это самый популярный компилятор JavaScript. Он по умолчанию используется в таких фреймворках, как Vue и React. Но концепции, о которых мы будет здесь говорить, присущи не только Babel, их можно применять к любому компилятору JavaScript.
Зачем вам компилятор?
Если вы знаете, что такое компилируемые и интерпретируемые языки, то у вас может возникнуть вопрос: «Зачем нам компилятор? Разве JavaScript не является интерпретируемым языком?»
Надо признать, мы действительно, как правило, называем «компилятором» то, что переводит код, который можем понять мы, в исполняемый двоичный файл, который может понять процессор. Но только не здесь.
Здесь более уместным будет термин «транспайлер». Это разновидность компиляторов. Транспайлер – это компилятор, который преобразует код, написанный на одном языке программирования, в код, написанный на другом языке. В нашем случае он преобразует более современный JS в более старую его версию.
JavaScript – это язык браузеров. Но в случае с браузерами есть проблема: кросс-совместимость. JavaScript, как и его инструменты, довольно быстро развиваются, и некоторые браузеры не успевают за ними. И здесь возникает проблема совместимости.
Надо полагать, вы захотите воспользоваться новыми возможностями языка и написать код с помощью самой последней версии JavaScript. Но если браузер, для которого вы пишете этот код, не реализовал эти новые функции в своем JS-движке, то код в этом браузере не сможет выполниться как положено.
Это довольно сложная проблема, поскольку все браузеры реализуют функции с разной скоростью. И даже если они реализуют их, всегда будут те, кто будет использовать старую версию браузера.
Так что же тогда делать, если вы хотите использовать новые функции, но при этом хотите, чтобы ваши пользователи могли без каких-либо проблем просматривать эти страницы?
До того, как появился Babel, разработчики использовали полифилы для того, чтобы можно было запускать определенный код в более старых версиях браузера. А теперь, когда у нас есть Babel, он использует эти же полифилы, но, так сказать, за кадром. И в таком случае от вас никаких действий не требуется.
Как работают транспайлеры/компиляторы?
Babel работает по аналогии с другими компиляторами. Он применяет синтаксический анализ кода, преобразует его и генерирует новый код.
Мы не будем так сильно углублять в то, как все это работает, поскольку компиляторы – все-таки довольно сложная вещь.
В принципе можно обойтись без знания о том, что такое плагины и пресеты Babel, но мы все же посмотрим, что это такое. Плагиты - это фрагменты кода, который Babel использует «за кадром» для того, чтобы скомпилировать ваш код в более старые версии JS. Можете представить, что все современные функции – это и есть плагины.
Список плагинов для ES5
Пресеты - это наборы плагинов. Если вы планируете использовать Babel для проекта React, то вы можете воспользоваться уже готовым пресетом
@babel/preset-react
. В нем есть все необходимые плагины.
Плагины пресета для проекта React
Вы можете добавить плагины самостоятельно. Для этого вам нужно отредактировать файл конфигурации Babel.
Нужен ли вам Babel для вашего React-приложения?
Для React вам определенно нужен компилятор, поскольку он использует код JSX, а он должен быть скомпилирован. К тому же его библиотека построена на концепции использования ES6-синтаксиса.
Благо, если вы создаете проект с помощью платформы create-react-app, то вам не потребуется менять конфигурацию, потому что Babel уже встроен в нее.
Компилятор в действии
На веб-сайте Babel есть онлайн-компилятор. Не лишним будет узнать, как он работает. Просто вставьте в него код и проанализируйте то, что он выведет.
Webpack
Webpack – это сборщик модулей. Когда вы создаете новый проект, большая часть фреймворков/библиотек JavaScript используют его уже в готовом виде.
Если фраза «сборщик модулей» приводит вас в замешательство, то читайте дальше. Я приготовил для вас несколько отличных примеров, которые помогут вам понять, что же это такое.
Зачем вам нужен сборщик?
В веб-приложениях у вас может быть много файлов. Речь идет, в первую очередь, об одностраничных приложениях (React, Vue, Angular), у каждого из которые есть свои собственные зависимости.
Когда я говорю о «зависимости», я имею в виду оператор import. Иными словами, если файл A для корректной работы импортирует файл B, то мы говорим, что A зависит от В.
Если у вас небольшой проект, то вы можете обрабатывать модульные зависимости с помощью тегов