Initializare structura proiect

Pentru a vă realiza structura proiectului pe modelul exemplificat la seminar sunt necesari următorii pași

Pași premergători

  1. Realiza╚Ťi o clon─â local─â a proiectului

  2. Crea╚Ťi un workspace in Visual Studio cu directorul proiectului

Ini╚Ťializare frontend

Ini╚Ťializarea aplica╚Ťiei de frontend se face folosind utilitarul create-react-app

Pentru a instala utilitarul executa╚Ťi comanda

npm install -g create-react-app

Pentru a ini╚Ťiaza aplica╚Ťia de frontend executa╚Ťi comanda

npx create-react-app frontend

Ini╚Ťializare backend

Ad─âuga╚Ťi un director backend ╚Öi un fi╚Öier server.js

Naviga╚Ťi ├«n directorul backend

cd backend

Ini╚Ťializarea aplica╚Ťiei de backend se face folosind utilitarul npm init

npm init -y

├Än urma acestei comenzi ve╚Ťi ob╚Ťine fi╚Öierul package.json ├«n care sunt salvate dependin╚Ťele aplica╚Ťiei.

Pentru a ad─âuga dependin╚Ťele necesare executa╚Ťi urm─âtoarle comenzi:

npm install --save sequelize
npm install --save express
npm install --save mysql2

Realiza╚Ťi urm─âtoarea structur─â de directoare

backend
|__config
|__routes
|__models
|__controllers

Publicare modific─âri pe git

Anterior public─ârii pe git v─â recomand s─â ad─âuga╚Ťi un fi╚Öier .gitignore care s─â exclud─â directoarele node_modules de la versionare.

Continutul lui trebuie să cuprindă numele directoarelor sau fișierelor excluse precum în exemplul de mai jos.

node_modules

Pentru a publica modificările pe git este necesară înregistrarea fisierelor adăugate în repository-ul local.

git add .
git commit -m "structura initiala de proiect"

Publicarea pe repository-ul origin se face apelând comanda git push

git push

(nota: structura de directoare va fi publicata doar in urma adaugării de fișiere)

Pentru a actualiza un repository exitent cu cele mai recente modific─âri apela╚Ťi comanda git pull

git pull

Pentru cei gr─âbi╚Ťi

Am ad─âugat ├«n ata╚Öamentul acestui tutorial un script care realizeaz─â structura proiectului. Tot ce r─âm├óne de f─âcut e s─â il rula╚Ťi din bash ├«n directorul de proiect ╚Öi s─â publica╚Ťi structura pe git.

./project-setup.sh

ÔÇő