Урок 1. CRM на VueJS. Создание приложения с Vue CLI 3

Автор Vera Abramova
Урок 1. CRM на VueJS. Создание приложения с Vue CLI 3

Итак давайте приступать к разработке приложения и начнем с самых основ то есть безусловно вам потребуется установленная ноги с на компьютере и сделать вы — это можете на официальном сайте ноги.

org и дальше нажимаете на кнопочку каррент версия. То есть просто скачиваете и устанавливаете и если она у вас стоит то в этом. Вы можете убедиться написав в соли пример ноты минус в, но конкретно нам потребуется пакетный менеджер npm поэтому здесь я набираю команду NP — в если он вас также выдаёт какую-то версию то мы можем продолжать.

И следующий шаг который нам потребуется — это установка виджета есть разворачивание проекта которые мы будем использовать.

И для этого подходит инструмент который вёл с помощью которого мы можем генерировать новые проектом я набираю силой. Гугле И перехожу на сайт села easygems.org здесь я вам рекомендую использовать английский язык хотя есть русский язык просто есть некоторые отличия и в русском языке могут быть определены неточности поэтому предпочтительнее использовать именно английский язык здесь мы нажимаем кнопочку место для того чтобы посмотреть как с этим работать инструмент. И, что он может делать в первую очередь тут есть какое-то описание, но нас интересует поля installation. Как его установить здесь есть определенные рекомендации Power потому как устанавливать или удаляется глобальная область видимости пакет. Но для того чтобы установить мы можем прописать в консоли команду npm Install G для того чтобы установить глобальная область видимости и название пакета собака в силе. Я просто его в любой консоли. Вы можете просто. Вставить данную строчку и нажать Enter здесь важный момент, что если вы находитесь в например Mac OS то для начала вам потребуется написать чтобы дать права доступа для установки пакетов в глобальную область видимости я сейчас этого нажимать не буду потому, что у меня висело установлен на компьютере. Но вы — это сделаете еды того чтобы убедиться, что он также у вас установлен. Мы можем написать команду в её минус. Минус version. То есть я скопирую. Я просто наберу и какие есть мы действительно едем на версию в моём случае — это 35 и 5 и далее в документации есть большое количество страниц которые описывают функционал данного инструмента. То есть например посмотреть как создавать новые проекты и. Делается — это очень просто мы начали. Обращаемся к View. Я говорю, что мы хотим создать новый проект с помощью команды кредит и. Дали выбираем название проекта, но при этом вам нужно находиться в этой папке. Где вы хотите с генерировать. Этот проект, но я вам покажу. Немного более элегантный способ необычный способ для создания таких приложений поэтому приходим в консоль и набираем команду Viewer болею силой стартует свой локальный сервер и мы попадаем в менеджер проектов вьюн с помощью которого мы можем создавать новые приложения скорее всего если вы ранее использовали данный интерфейс то у вас здесь ничего не будет. Отведите у меня здесь есть уже один проект который я могу открыть и померить, но мы также можем создать новый проект и давайте мы и так везде далее. Нам необходимо выбрать папку. Где мы хотим создать. Этот проект. Евдокимов приду в Project и выберу эту папку. Кстати если у. Вас уже есть какой-то проект который был заминирован с помощью силой он будет подсвечиваться с помощью такой иконки его можно будет импортировать и также менеджер ведь в данном приложении, но я нажму кнопку создать новый проект здесь и далее. Давайте смотреть, что можно с этим сделать для начала мы ведем название этого проекта и название папки до в котором будет храниться в моём случае допустим я наберу View YouTube, а по умолчанию на стоит пакетный менеджер npm, но мы можем выбрать yarn я же просто выдрингтон до того, что — это было более. Видном далее мы можем проинициализировать проект с системой контроля версий git в принципе может тебе этого не делать, но я пойду с ним потому, что возможно буду код к каждому уроку. Как раз-таки с помощью системы контроля версий поэтому возможно нет. В общем потребуется и нажму просто дали теперь мы можем выбрать определенный период то есть набор конфигураций для нашего приложения. То есть у меня уже есть свой какой там писать который я сделал. Но для того чтобы показать как — это создается. Я нажму радиобаттон и нормам следующий шаг. И теперь мы выбираем те функции которые мы хотим включить в приложение которое висело из газет и для начала безусловно мы должны поставить газ на борьбу для того чтобы мы писали джаваскрипта используя самые последние его фишки самую последнюю версию Java скрипта и при этом viewcell с помощью пока он транспеле он весь в старую версию жалость. Это для того чтобы старые браузере также могли поддерживать и запускать наше приложение поэтому здесь мы оставляем checkbox в положении включенным typescript мы использовать не будем. Хотя такая возможность есть и мы можем — это просто добиться нажав здесь checkbox. Далее идет в прогрессе publication вас. Апорт то есть мы сможем превратить автоматически наши приложения в. ПВО viewcell айзанат генерирует Web manifest Service worker of и так далее поэтому почему бы данную функцию не добавить я нажимаю здесь checkbox в нашем приложении будут присутствовать другие страницы поэтому было бы неплохо добавить уже автоматический для этого здесь я нажимаю checkbox также мы будем использовать VX нам потребуется поэтому здесь также нажимаю checkbox далее вас идут сейчас препроцессоры мы дальше сможем выбрать какой захотим безусловности ли я уже написал для.

0 комментариев
0

Читайте также