Привет, народ! Я здесь, чтобы познакомить вас с одним из моих партнеров Vue.js, особенно с младшим программистом, да, с вами. Хорошо, без лишних слов, давайте начнем!
Кто такой Vue.js?
Итак, Vue.js — это фреймворк для языка программирования Javascript с открытым исходным кодом, что означает, что вы можете свободно и легально изучать, изменять и распространять его для любых целей. Вы можете использовать Vue для создания пользовательского интерфейса (UI) и одностраничного приложения.
Итак, как это получить?
Ну, сначала вам нужно проверить свой компьютер, есть ли на нем Node.js или нет, как это сделать? Откройте CMD (командную строку) от имени администратора.
Затем введите эту команду, чтобы проверить, есть ли на вашем ПК Node.js или нет.
node --version
Если на вашем ПК уже есть Node.js, появится версия Node.js, в противном случае команда приведет к ошибке. Ну как исправить? Просто нажмите на эту ссылку, скачайте и установите:
Если вы пользователь Windows, просто щелкните логотип «Установщик Windows», и он автоматически загрузит установочный файл. Просто нажмите «Далее», «Далее», «Далее» и «Далее», и дело сделано, потому что реально кто будет читать Пользовательское соглашение и Пользовательскую политику.
Теперь, когда на вашем ПК уже установлен Node.js, вы можете спросить, почему мы должны сначала установить Node.js, если хотим установить Vue.js? Это потому, что мы будем использовать инструмент NPM (диспетчер пакетов Node.JS), чтобы получить Vue.js. Хорошо сделано? Теперь вернитесь в командную строку и введите эту команду:
npm install -g @vue/cli
Но перед этим не забудьте изменить путь в командной строке, вы не можете установить Vue.js в system32!
Что теперь?
Сделанный? Теперь вы можете начать создавать свой проект, введя эту команду:
vue create your-project-name
Теперь используйте клавишу со стрелкой на клавиатуре, выберите вариант "default ‹babel, eslint›" и нажмите кнопку ввода. Теперь это игра ожидания, будьте терпеливы, если у вас случится ошибка, возможно, это путь установки вашего проекта, попробуйте изменить его на «E:» или когда угодно, просто не делайте это в system32
Теперь перейдите в папку вашего проекта, введя это в командной строке:
cd your-project-folder-name
Теперь запустите его, введя это в командной строке:
npm run serve
Он скомпилирует и построит проект для вас, а затем отобразит информацию о вашем приложении.
Как видите, я запускаю его на порту 8080, теперь откройте браузер и зайдите на этот сайт http://localhost:yourportaddress/. Затем, если вам это удастся, он покажет вам эту страницу:
Вот и все, ребята, о моем знакомстве с Vue.js и шагах по его установке, удачного кодирования и не забудьте выпить кофе перед кодированием!
