> For the complete documentation index, see [llms.txt](https://wiki.girlsgoit.md/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.girlsgoit.md/frontend-dinamic/vue.js/instalare-locala.md).

# 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

## Vue CLI

### Instalare

{% hint style="info" %}

#### Node.js este necesar

Pentru a rula Vue CLI este necesară instalarea [Node](https://nodejs.org/). 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.
{% endhint %}

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

```bash
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ă:

```bash
vue create hello-world
```

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

```bash
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.

![](https://3191493018-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LC_5HzGN5YrUWcolXKK%2F-LkKKW-a9HXTn_N81TbO%2F-LkK_KHzZpZp1jK5rdAb%2Fimage.png?alt=media\&token=45a55fc1-bb9e-42be-8a0c-6877bfc36da8)

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

![](https://3191493018-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LC_5HzGN5YrUWcolXKK%2F-LkKKW-a9HXTn_N81TbO%2F-LkKb1wupK0GhkgNejcP%2Fimage.png?alt=media\&token=0f13f0ad-f05f-4de9-976c-941112492703)

### Lansare împachetarea

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

```bash
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ă.

```bash
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