React රාමුව ස්ථාපනය කිරීම

රාමුව ස්ථාපනය කිරීම සඳහා ඔබේ පරිගණකයේ NodeJS 22+ අවශ්‍ය වේ. ව්‍යාපෘතියක් සෑදීම සඳහා විධාන අන්තර් මුහුණතෙහි පහත විධානය ක්‍රියාත්මක කරන්න:

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

ඉන්පසු පහත විධාන ක්‍රියාත්මක කරන්න:

cd my-app
npm install
npm run dev

මෙයින් පසු ඔබට my-app නම් ෆෝල්ඩරයක් තිබේ, එහි රාමුව අඩංගු වේ. එම ෆෝල්ඩරය තුළ src ෆෝල්ඩරය සොයා ගන්න - මෙය ඔබගේ වැඩ කරන ෆෝල්ඩරය වන අතර, ඔබ එහි ඔබේ ව්‍යාපෘතියේ සංවර්ධන කටයුතු කරනු ඇත.

src ෆෝල්ඩරය තුළ App.js ගොනුව සොයා ගන්න. ආසන්න පාඩම්වල මෙම ගොනුව ඔබගේ ප්‍රධාන වැඩ කරන ගොනුව වනු ඇත. එහි ඔබ කේතය ලියනු ඇත, එහි ප්‍රතිඵල බ්‍රවුසර් කවුළුවේ නරඹනු ඇත.

මෙම ගොනුව සංස්කාරකයක විවෘත කර එහි අනවශ්‍ය සියල්ල ඉවත් කර, එය මේ ආකාරයට ගෙන එන්න:

import React from 'react';

function App() {
	return <div>
		text
	</div>;
}

export default App;

ඔබේ ව්‍යාපෘතිය ස්ථාපනය කිරීමෙන් පසු, ඊළඟ දියත් කිරීම සඳහා (උදාහරණයක් ලෙස, පරිගණකය යළි පණගන්වා ඇති පසු) ඔබට විධාන අන්තර් මුහුණත හරහා my-app ෆෝල්ඩරයට ගොස් පහත විධානය ක්‍රියාත්මක කිරීම ප්‍රමාණවත් වේ:

npm run dev