آموزش نصب react native در ویندوز

دسته بندی: آموزش
زمان مطالعه: 3 دقیقه
۰۷ مرداد ۱۳۹۹

زبان جاوا اسکریپت دارای فریم ورک‌ها و کتابخانه‌های متعددی است که در مقاله‌ی بهترین فریم ورک‌های جاوا اسکریپت به طور مختصر به معرفی فریم ورک‌ها و کتابخانه‌های معروف جاوا اسکریپت  پرداخته‌ایم که یکی از این فریم ورک‌ها React Native است. از React Native برای نوشتن موبایل اپلیکیشن‌ها به صورت Native استفاده می‌شود. اگر به آشنایی بیشتر با این فریم ورک علاقه‌مند هستید پیشنهاد می‌کنیم مقاله‌ی React Native چیست و چه کاربردی دارد را مطالعه کنید. در این مقاله قصد داریم نحوه‌ی نصب react native در ویندوز را آموزش دهیم.

فهرست محتوای این مقاله

پیش نیاز ها

قبل از نصب React Native باید این سه برنامه را روی سیستم خود نصب کنیم:

1- Node.js

2-Android Stadio

3-JDK

پیشنهاد می‌کنیم برای آموزش نصب Node.js  مقاله‌ی آموزش نصب Node.js را مطالعه کنید.

نصب react native در ویندوز

برای دانلود و  نصب Android Stadio روش‌ها و سایت‌های ایرانی زیادی وجود دارد. ولی پیشنهاد ما این است که مستقیم از سایت خود Android Stadio دانلود کنید و نصب کنید.

 آموزش نصب ری اکت نیتیو

برای دانلود و نصب jdk می‌توانید از این مقاله استفاده کنید.

نصب react native در ویندوز

در ادامه دو روش را برای نصب معرفی می‌کنیم. لازم به ذکر است در تمامی مراحل باید اینترنت روشن باشد.

روش اول

قدم اول :

command line را باز کنید و دستور زیر را در آن وارد کنید:

npm install -g create-react-native-app

در خروجی قطعه کد فوق متن زیر را در command line مشاهده می‌کنید:

 آموزش نصب ری اکت نیتیو

قدم دوم:

در این مرحله یک پوشه ایجاد می‌کنیم تا در ادامه فایل‌های برنامه درون آن ایجاد شود. ما این پوشه را در Desktop ایجاد می‌کنیم و نام آن را MyReactNative می‌گذاریم. در نتیجه دستور زیر را در command line وارد می‌کنیم تا در مسیر قرار گیریم:

cd Desktop

سپس دستور زیر را وارد می‌کنیم:

create-react-native-app MyReactNative

پس از چند دقیقه متن زیر را مشاهده می‌کنیم:

نصب react native در ویندوز

قدم سوم:

در این مرحله react-native-cli را نصب می‌کنیم. برای این کار دستور زیر را در command line وارد می‌کنیم:

npm install -g react-native-cli

پس از اجرای دستور فوق در خروجی کد‌های زیر را مشاهده می‌کنیم:

 آموزش نصب ری اکت نیتیو

قدم چهارم:

در این مرحله وارد پوشه‌ی MyReactNative می‌شویم و دستور زیر را وارد می‌کنیم:

cd MyReactNativenpm start

اگر همه مراحل درست اجرا شده باشد در نهایت تصویر زیر را مشاهده خواهیم کرد:

نصب react native در ویندوز

روش دوم: نصب react native با expo

این روش نسبت به روش اول ساده‌تر و سریع‌تر است.

قدم اول:

در command line دستور زیر را وارد کنید:

npm install -g expo-cli

پس از اجرای دستور فوق دستور زیر را وارد کنید. دستور زیر پوشه ای با نام AwesomeProject را در مسیری که مشخص کردیم می‌سازد. برای مثال پوشه ی ما در مسیر /C:/Users/user ایجاد می‌شود.

expo init AwesomeProject

خروجی دستور فوق به صورت زیر است:

 آموزش نصب ری اکت نیتیو

قدم دوم:

حال با وارد کردن دستور زیر وارد پوشه‌ی AwesomeProject می‌شویم:

cd AwesomeProject

سپس یکی از دو دستور زیر را وارد می‌کنیم:

دستور شماره 1:

npm start

دستور شماره 2:

expo start

حال اگر تمامی مراحل فوق درست اجرا شده باشد QR کد زیر را در command line  مشاهده می‌کنیم:

نصب react native در ویندوز

جمع‌بندی:

در این مقاله به آموزش نصب react native در ویندوز به دو روش پرداختیم. در ادامه تصمیم گیری در مورد اینکه از کدام روش استفاده کنید و کدام روش بهتر است را به شما می‌سپاریم.

اگر به یادگیری بیشتر در زمینه جاوا اسکریپت علاقه داری، با شرکت در دوره آموزشی متخصص جاوا اسکریپت در کمتر از یک سال به یک متخصص JS همه فن حریف تبدیل می‌شوی که آماده‌ی استخدام، دریافت پروژه و یا فول-استک شدن هستی.

چه امتیازی به این مقاله می دید؟
نویسنده فاطمه افشار
وقتی به برنامه نویسی فکر می کنم ، می رسم به این جمله -> " عشق چیز عجیبیه جدا ! "
ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :

 

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !