مهر کدر - نصب Node.js و Create React App: شروع پروژه‌های React.js به‌صورت آسان

نصب Node.js و Create React App: شروع پروژه‌های React.js به‌صورت آسان

React یکی از محبوب‌ترین کتابخانه‌های جاوااسکریپت برای توسعه وب است و برای شروع توسعه با React، ابتدا باید محیط توسعه خود را تنظیم کنید. در این مقاله، ما به شما نحوه نصب دو ابزار اساسی برای شروع توسعه React یعنی Node.js و Create React App را آموزش می‌دهیم.

نصب Node.js

Node.js یک محیط اجرایی جاوااسکریپت سمت سرور است که به شما امکان اجرای کدهای جاوااسکریپت خود را در سمت سرور می‌دهد. برای نصب Node.js، مراحل زیر را دنبال کنید:

الف) دریافت نصب‌کننده Node.js:

به وب‌سایت Node.js مراجعه کنید و نصب‌کننده مناسب برای سیستم عامل خود (Windows، macOS، یا Linux) را دانلود کنید.

ب) نصب Node.js:

نصب‌کننده را اجرا کنید و دستورالعمل‌های نصب را دنبال کنید. در این مرحله، Node.js و npm (مدیر بسته‌های Node.js) نصب می‌شوند.

ج) بررسی نصب:

پس از نصب، با اجرای دستور node -v در ترمینال یا خط فرمان، نسخه نصب شده از Node.js را بررسی کنید. به عنوان مثال:


node -v

همچنین با اجرای دستور npm -v نسخه npm را بررسی کنید:


npm -v

نصب Create React App

Create React App یک ابزار اسکریپتی است که توسط تیم React ایجاد شده است و به شما اجازه می‌دهد به سرعت یک پروژه React تازه راه‌اندازی کنید بدون نیاز به تنظیمات پیچیده. برای نصب Create React App، مراحل زیر را انجام دهید:

الف) نصب Create React App به صورت گلوبال:

با استفاده از npm، دستور زیر را اجرا کنید تا Create React App به صورت گلوبال نصب شود:


npm install -g create-react-app

ب) ایجاد یک پروژه React جدید:

اکنون شما می‌توانید با استفاده از Create React App یک پروژه جدید React ایجاد کنید. به ترمینال یا خط فرمان بروید و دستور زیر را اجرا کنید:


npx create-react-app my-react-app

این دستور یک پروژه React با نام my-react-app ایجاد می‌کند.

اجرای پروژه React

پس از ایجاد پروژه React، به پوشه پروژه خود بروید:


cd my-react-app

سپس پروژه را با دستور زیر اجرا کنید:


npm start

این دستور پروژه را در مرورگر شما باز می‌کند و شما می‌توانید از آن برای توسعه و آزمایش اپلیکیشن‌تان استفاده کنید.

حالا شما با محیط توسعه React آشنا شده‌اید و می‌توانید شروع به توسعه وب‌اپلیکیشن‌های React کنید. در مقالات بعدی، به عمیق‌تر آموزش React خواهیم پرداخت.

پرسش و پاسخ

نظری یافت نشد

اطلاعات

0 رای

پرسش ها

درباره محراب

محراب حسن زاده

تیم ما در تلاش است تا مکانی برای ارائه بهترین آموزش های زبان برنامه نویسی جهت یادگیری شما دوستان عزیز ایجاد کند تا بتوانیم در این عرصه خدمتی به دنیای تکنولوژی و ترویج علم و دانش کرده باشیم