آموزش های ویدیویی رایگان برنامه نویسی و وب

آموزش نصب ری اکت جی اس ( React JS ) ٬ کتابخانه جاوا اسکریپت

2

در مطلب قبل درباره اینکه ریکت جی اس ( React JS ) چیست توضیحات کافی داده ایم.پس در صورتی که قصد نصب آن را دارید ٬ با ما برای آموزش نصب ریکت جی اس در این مطلب همراه باشید.

راه های نصب ریکت جی اس ( React JS )

برای نصب ریکت ٬ دو راه وجود دارد :

  1. افزودن فایل جاوا اسکریپت ریکت به پروژه موجود از قبل
  2. ایجاد پروژه جدید ریکت با استفاده از ابزار های جاوا اسکریپت

در روش اول ٬ وب اپلیکیشن شما از قبل آماده شده و تنها نیاز به ویرایش برخی از قسمت های آن دارید.روش آسانتر نیز روش اول است چرا که تنها با افزودن یک تگ اچ تی ام ال کار افزودن ریکت به پروژه تمام است. و می توانید شروع به کدنویسی ریکت کنید. اما در روش دوم ٬ پس از دنگ و فنگ های اولیه ٬ کار شما برای توسعه یک وب اپلیکیشن گسترده بسیار ساده تر خواهد بود.چرا که ابزار های کمکی جاوا اسکریپت به کمک شما می آیند.

نصب ریکت

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

برای اضافه کردن ریکت به پروژه فعلی خود ٬ تنها نیاز به افزودن تگ های زیر به صفحه HTML خود دارید :

  <script  data-src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
  <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

توجه ۱ : در زمان نگارش این مطلب آخرین نسخه عرضه شده ریکت ٬ نسخه ۱۶ می باشد.

توجه ۲ : خط دوم این قطعه کد را تنها در هنگام توسعه دادن وب اپلیکیشن استفاده کنید.

دقت داشته باشید که با افزودن این دو خط کد به پروژه خود ٬ در واقع هر مرتبه فایل ها را از سرور خارجی لود می کنید. پس در صورتی که به اینترنت دسترسی نداشته باشید امکان استفاده از ریکت را ندارید.بنابراین توصیه می شود که فایل های ریکت را دانلود و در سرور خود قرار داده و از آن استفاده نمایید.

راه دوم : نصب ریکت با استفاده از ابزار های جاوا اسکریپت

در این روش ٬ شما یک پروژه ریکت را از پایه ایجاد کرده و در محیط کاملا توسعه داده شده با جاوا اسکریپت ٬ توسعه وب اپلیکیشن خود را شروع می کنید.

نصب ریکت - نصب نود جی اس

نصب نود جی اس

ابتدا شما نیاز به دانلود و نصب نود جی اس دارید. نود جی اس را می توانید از این صفحه دریافت نمایید.

پس از نصب و راه اندازی نود جی اس ٬ پنجره CMD و یا ترمینال خود را در پوشه ای که قصد ایجاد پروژه خود را دارید باز کرده و دستور زیر را وارید نمایید :

npx create-react-app my-app

نکته : با استفاده از دستور cd می توانید بین پوشه های مختلف جابجا شوید. همچنین با دستور dir می توانید محتویات پوشه ای که داخل آن هستید را مشاهده نمایید.

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

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

npm install yarn
yarn create react-app my-app

با استفاده از کد های بالا ٬ شما در ابتدا پکیج منیجر yarn را نصب می کنید. سپس از طریق آن اقدام به دریافت فایل های ریکت می نمایید.

در صورتی که در طول مراحل نصب نود جی اس و یا ریکت به مشکل برخورد کردید ٬ می توانید با ما در قسمت کامنت های همین مطلب در ارتباط باشید.

2 نظرات
  1. مرتضی می گوید

    D:\react\morteza>npm install yarn
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {“os”:”darwin”,”arch”:”any”} (current: {“os”:”win32″,”arch”:”x64″})

    + yarn@1.15.2
    updated 1 package and audited 103205 packages in 9.856s
    found 14 vulnerabilities (11 low, 3 moderate)
    run `npm audit fix` to fix them, or `npm audit` for details

    D:\react\morteza>yarn create react-app my-app
    ‘yarn’ is not recognized as an internal or external command,
    operable program or batch file.

    D:\react\morteza>yarn create react-app my-app
    ‘yarn’ is not recognized as an internal or external command,
    operable program or batch file.
    سلام من با این خطا مواجه شدم

    1. محمد صالح موسی پور می گوید

      سلام دوست عزیز. پکیج yarn نصب نشده!
      موفق باشید

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.