React ֆրեյմվորքի տեղադրում

Ֆրեյմվորկը տեղադրելու համար ձեզ անհրաժեշտ կլինի ձեր համակարգչում տեղադրված NodeJS 22+: Նախագիծ ստեղծելու համար հրամանի տողում կատարեք հետևյալ հրամանը՝

npm create vite@latest my-app -- --template react

Իսկ հետո կատարեք հետևյալ հրամանները՝

cd my-app
npm install
npm run dev

Դրանից հետո ձեզ մոտ կստեղծվի my-app պանակը, որի ներսում կլինի ֆրեյմվորկը: Գտեք այս պանակում src պանակը՝ սա կլինի ձեր աշխատանքային պանակը, որտեղ դուք կզբաղվեք ձեր նախագծի mշխատանքով:

src պանակում գտեք App.js ֆայլը: Մոտակա դասերին այս ֆայլը կլինի ձեր հիմնական աշխատանքային ֆայլը: Դրանում դուք կգրեք կոդ, դիտարկելով դրա արդյունքները դիտարկիչի պատուհանում:

Բացեք այս ֆայլը խմբագրիչում և ջնջեք դրանից ամեն ինչ, բերելով այն հետևյալ տեսքի՝

import React from 'react';

function App() {
	return <div>
		տեքստ
	</div>;
}

export default App;

Երբ ձեր նախագիծը արդեն տեղադրված է, հաջորդ գործարման համար (օրինակ, համակարգչի վերագործարկումից հետո) ձեզ հարկավոր կլինի հրամանի տողով մուտք գործել my-app պանակ և կատարել հետևյալ հրամանը՝

npm run dev