Django kabi ba'zi web freymworklar bilan integratsiyalashish uchun vue ilovasini yaratishda yordam beradigan shp..., ee uzbekcha so'z yoqda, xullas shpargalka.

Django uchun vue ilovasini yaratish, Proyektingizning bosh papkasiga kiring va shu yerda Vue js ning oxirgi variantini o'rnating:

npm install -g @ vue / cli


Va ushubu buyruq yordamida frontend dasturingizni osongina yarating:

vue create <application_name>

Shu zahoti siz vue frontend dastur yaratish uchun sozlamalar tanlovini ko'rasiz:

  1. Dastur opsiyalarini qo'lda sozlashni tanlang, "manual"
  2. ushbu fundamental paketlarni tanlang: babel, vuex, css preprocessors, router
  3. Vue ning oxirgi versiyasini tanlang, misol uchun 4.X
  4. marshrutizator tarixini saqlash funksiyasi uchun "ha" ni tanlang
  5. CSS -ni minifikatsiya qilish uchun o'zingiz maqul ko'rgan texnologiyani tanlang (dart sass)
  6. Babel, Es Lint va boshqala paket konfiguratsiyalarini saqlash usulini tanlang.
  7. Agar siz ushbu konfiguratsiyani kelajakdagi loyihalar uchun saqlamoqchi bo'lsangiz, "Ha" ni tanlang, aks holda "Yo'q".
  8. Bajarildi!

Endi siz front end dasturingizni ushbu komanda bilan ishlatishingiz mumkin:
npm run serve

Va ushbu buyruq yordamida dasturingiz uchun kerak bo'lgan Js paketlarni o'rnatib olishingiz mumkin:

npm install <package_name>

Tamom!


Создаем приложение vue для django, перейдите в корневую папку Проекта,
и установите последнюю версию vue:

npm install -g @vue/cli

А затем с легкостью создаем приложение с помощью команды:

vue create <название_приложения>


После чего вы увидете варианты для создания внешнего интерфейса с vue:

  1. выбрать ручной выбор
  2. выберите: Babel, vuex, препроцессоры css, маршрутизатор
  3. а затем выберите последнюю версию vue, например 4.x
  4. выберите да для истории маршрутизатора
  5. выберите, что вы предпочитаете для минификации CSS (dart sass)
  6. выберите файлы конфигурации для сохранения конфигураций Babel, Es Lint и т. д.
  7. выберите «Да», если вы хотите сохранить эту конфигурацию для будущих проектов, в противном случае - «Нет».
  8. Выполнено!

Теперь вы можете запустить клиентское приложение с помощью команды:

npm run serve

Или вы можете установить любой пакет js, который вам нужен, с помощью команды:

npm install <название_пакета>

С этим все!