آموزش ReactJS – فصل دوم: راه اندازی محیط

در این فصل از آموزش های گام به گام ReactJS شما خواهید آموخت که چگونه می توانید به صورت کاملا موفق، محیط برنامه نویسی ReactJS را راه اندازی کرده و کدهای خود را به اجرا در آورید. با ما تا انتهای فصل دوم آموزش ری اکت جی اس نتران همراه باشید، این فصل از آموش های گام به گام ReactJS کوتاه اما بسیاری کاربردی و مهم است.

ReactJS - فصل دوم: اندازی محیط

نصب ReactJS در محیط Node.js

ما برای اجرای کد های ری اکت از Node.js استفاده می کنیم. اگر Node.js را نصب نکرده اید، به صفحه آموزش نصب Node.js مراجعه کرده و قدم به قدم نصب این ابزار فوق العاده را با دقت طی کنید.

پس از نصب Node.js با استفاده از NPM می توانید به سادگی ReactJS را نصب کنید.

قدم اول: نصب پروژه با react-create-app

با استفاده از دستور react-create-app قادر هستید به سرعت یک پروژه ری اکت را در هر نقطه که بخواهید تعریف کنید. استفاده از این دستور به شیوه زیر انجام می شود:

npx create-react-app my-app

دستور بالا پوشه ای به نام my-app برای پروژه جدید شما ایجاد خواهد کرد و تمام فایل های مورد نیاز را درون آن قرار خواهد داد.

قدم دوم: اجرای پروژه ReactJS

ابتدا به محیط پروژه ایجاد شده با دستور cd نقل مکان کنید (در CMD یا ترمینال) و با استفاده از دستور زیر پروژه را اجرا کنید:

cd my-app
npm start

پس از اجرای پروژه، صفحه ای در مرورگر شما باز می شود که نشان از نصب موفق ReactJS دارد. چیزی مانند تصویر زیر را بعد از اجرای پروژه مشاهده خواهید کرد:

بعد از اجرای پروژه ری اکت
بعد از اجرای پروژه ری اکت
پارسا 5 سال پیش

سلام
بسیار خوب تشکر از شما
ادامه نمیدید این مبحث رو؟
امیداورم ادامه داشته باشه . تشکر

مهدی نظری 5 سال پیش

سلام دوست عزیز، خیلی ممنونم از توجهتون.

تمام مطالب آماده است. دارم کد های مثال ها رو می نویسم.

امروز آپلود می کنم درس ها رو.

ویدیوها و مطالب مشابه