نصب و راه اندازی React Native در ویندوز
1398-11-21
ارسال شده توسط آموزنگار

در حالی که فیسبوک دستورالعملهای دقیقی برای شروع کار با React Native در سیستم عامل Mac os X دارد، دستورالعملهای آن برای شروع کار در سیستم عامل ویندوز کم است . در اینجا مراحلی که طی میکنیم تا React Native را نصب و راه اندازی کنیم
مرحله 1: پیش نیازها و کارهای اولیه
قبل از هر کاری میبایستی موارد زیر را نصب کنید
۲- دانلود و نصب NodeJs
3- دانلود و نصب اندروید استودیو – نسخه ۳.۵.۳
نکته : در سیستم عامل ویندوز حتما میبایستی مسیر نصب جاوا در بخش System Variable تنظیم شود
Windows → Search → System → Advanced System Settings → Environment variables → New
JAVA_HOME: C:\path\to\JavaSDK

سپس میبایست مسیر نصب SDK Android ، را نیز تنظیم نماییم :
1 | ANDROID_HOME: C:\path\to\AndroidSDK |
مرحله 2: یک دستگاه مجازی Android را پیکربندی کنید
- اندروید استودیو را تنظیم کنید
- یک پروژه Android Studio خالی ایجاد کنید
- ایجاد یک دستگاه مجازی: Manage AVD → Create
- دستگاه مجازی خود را راه اندازی کنید
مرحله 3 : باز کردن Command Prompt
- CMD را باز کنید و به جایی بروید که می خواهید پروژه شما ایجاد شود
bash
cd /path/to/code
- React Native را global نصب کنید(global برای این استفاده میشود تا react native در کل ویندوز قابل دسترسی باشد
npm install -g react-native-cli

- ایجاد یک پروژه جدید React Native (توجه : این مرحله ممکن است کمی طول بکشد ):
react-native init AwesomeProject

- CD را وارد پروژه جدید خود کنید
- برای استفاده از نسخه نصب شده SDK اندرویدی خود ، برنامه Android / app / build.gradle را تغییر دهید (من باید ورژنم را از ۲۳.۰.۱ به ۲۳.۰.۳ تغییر دهم)
- برنامه خود را شروع کنید
react-native run-android

بطور دستی پکیج را راه اندازی کنید
react-native start

نتیجه کارهای انجام شده

دیدگاهتان را بنویسید