GirlsGoIT Wiki (ro)
RU
  • Introducere
  • Unelte
    • Slack
    • Visual Studio Code
    • CodeSandbox
      • Cum rezolvi un task la proiect
      • Cum rezolvi un exercițiu
    • GitHub
  • FRONTEND STATIC
    • Internet
    • HTML
    • CSS
    • Exerciții
      • Erontend Static Exercitii
  • FRONTEND DINAMIC
    • JavaScript
      • Introducere
      • Consola Browser'ului
      • Variabile
      • Tipuri de date
      • Operatori
      • JavaScript & HTML
      • Funcții
      • DOM & Window API
      • Math API
      • Condiționale (if)
      • Cicluri (for & while)
    • Vue.js
      • Componente Vue
      • Componente & Forme
      • Lifecycle hooks
      • Comunicare între componente
      • Vue Router
      • Axios
      • Instalare locală
    • Exercitii
    • Rest API
      • Rest api GET
      • Rest api GET one
      • Rest api POST
      • Rest api PUT
      • Rest api DELETE
  • PYTHON
    • Introducere
    • Variabile
    • Tipuri de Date
    • Operatori
    • Control Flow
    • Liste
    • Cicluri for
    • Funcții
    • Dictionare
    • Seturi
    • Fișiere
    • Try-except-finally. Lambda
    • Librării, module
    • Exercitii
      • Variabile
      • TIpuri de Date
      • Operatori
      • If...else
      • Liste
      • Cicluri for
      • Funcții
      • Dicționare
      • Seturi
      • Fișiere
      • Try-except, Lambda
      • Librării , module
      • ✨Mai multe exerciții ✨
    • Python Archiva
  • BACKEND
    • Instalare Python
    • Python OOP
    • Baze de date
    • Django
    • REST API's
    • Django REST Framework
    • Exerciții
      • Python OOP
      • Django
      • Django Rest Framework
  • Data Science
    • Introducere în Data Science
    • Vizualizarea datelor
      • Matplotlib
    • Numpy
    • Pandas
    • DecisionTrees
  • 3D Printing
    • Intro
    • Fusion 360 Intro
    • Sketch
    • Solid body
    • Arduino
    • Final Projects
  • ARHIVA
    • Milligram
    • Drone
      • Intro
    • Old Backend
      • Bootstrap
      • Hello Flask
      • DB Modeling
      • Ubuntu Quest
      • Baze de date
      • Heroku Deploy
    • Robotica NAO
      • Finalizarea proiectelor
      • Flow Control
      • Cum creez un Dialog box
      • Convenția GirlsGoIT Robotics Choregraphe
      • Tracker
      • Dialog - QiChat
    • Robotica
      • 1.1 mBlock
      • 1.2 Descărcarea, instalarea și conectarea
      • 1.3 Execută un program de pe mBlock IDE sau încarcă pe Board
      • 1.4 Conectarea prin USB, Bluetooth sau 2.4GHz
      • 2.1 Programe Simple
      • 2.2 Senzori
      • 2.3 Exerciții avansate - Scratch
      • 3.0.1 Instalare Arduino IDE
      • 3.0.2 Instalare Arduino IDE WEB
      • 3.1 Configurare Arduino IDE
      • 3.2 Introducere în limbajul C
      • 3.3 Exemple Arduino - mBot
      • 3.4 Line follow - Arduino
      • 3.5 Ultimate robot
      • 4.1 Planificarea și managementul proiectelor
      • Custom robot
      • Noțiuni și explicații
      • Delay fara sa opreasca programul
      • Alte resurse și exemple
Powered by GitBook
On this page
  • Vue CLI
  • Instalare
  • Crearea unui proiect
  • Lansare împachetarea
  • Structura proiectului
  1. FRONTEND DINAMIC
  2. Vue.js

Instalare locală

Puteți configura Vue.JS să ruleze local. Pentru asta aveți nevoie de un set de instrumente si să urmăriți câțiva pași

PreviousAxiosNextExercitii

Last updated 4 years ago

Vue CLI

Instalare

Node.js este necesar

Pentru a rula Vue CLI este necesară instalarea . Node (sau denumirea oficială Node.js) este un mediu de execuție open-source, multi-platformă, care permite dezvoltatorilor să creeze tot felul de instrumente și aplicații în JavaScript.

Pentru a instala un pachet nou folosește următoarele comenzi. Ai nevoie de drepturi de administrator pentru a executa aceste comenzi.

npm install -g @vue/cli

După instalare vei avea acces la comanda vue în linia de comandă. Pentru a verifica dacă instalarea a avut loc cu success poți executa comanda vue care va prezenta un mesaj informațional afișând lista de comenzi accesibile.

Crearea unui proiect

Pentru a crea un nou proiect execută:

vue create hello-world

Un proiect nou poate fi generat în interiorul unui folder existent.

vue create .

Ți se va propune să selectezi una din configurările presetate. Poți selecta o configurare implicită sau „Manually select features” pentru a funcționalitățile de care ai nevoie.

Configurația implicită este potrivită pentru o prototipare rapidă, în timp ce configurarea manuală oferă mai multe opțiuni pentru personalizarea proiectului tău.

Lansare împachetarea

Pentru a lansa proiectul execută următoarea comandă.

npm run serve

După ce proiectul a fost lansat, introdu în browser următoarea adresă.

http://localhost:8080/

Pentru a împacheta proiectul execută următoarea comandă.

npm run build

Structura proiectului

  • node_modules/ – Dependențele Node.js care se administrează automat.

  • public/ – Lista de fișiere publice, Vue va folosi aceste fișiere pentru a injecta codul sursă a aplicației.

  • src/ – Aici locuiește codul aplicației tale, toate modificările le faci aici.

    • assets/ – Lista resurselor (de exemplu imagini) de care ai nevoie în proiect.

    • components/ –Toate componentele sunt definite aici.

    • App.vue – Compononenta părinte care conține întreaga aplicație Vue.

    • main.js – Configurarea globală a aplicației Vue.js

Node