حسین عازم نایی

ایجاد پروژه فلاتر جدید در Visual Studio Code

همینطور که میدونید برای فریمورک فلاتر می شه از IDE های مختلفی مثل Android studio,intellij و… اما یه انتخاب دیگه می تونه Visual Studio Code باشه. مزیت vs code سبک تر و روون تر بودنش هست. توی این پست می خوام آموزش ایجاد یک پروژه جدید فلاتر در vs code رو بدم بنابراین مبنا رو بر این قرار میدم که vs code  و پیشنیازها رو نصب کردید. مشاهده پیش نیازها

ایجاد پروژه در ویژوال استودیو کد به راحتی IDE هایی مثل اندروید استودیو نیست البته کار سختی هم نیست فقط کمی متفاوت هست. بعد از اولین اجرای vs code باید افزونه های لازم رو نصب کرد بنابراین از نوار سمت چپ رو گزینه Extensions کلیک کنید یا کلیدهای ترکیبی (Ctrl+Shift+X) رو همزمان فشار بدید.

در قسمت جستجو سه افزونه Dart(برای زبان دارت)، Flutter(برای فریمورک فلاتر) و Material Icon Theme(این اختیاری هست و کاربردش قرار دادن آیکون های زیباتر و شکیل تر برای پوشه ها و فایل ها هست) رو جستجو کنید و نصبشون کنید.

حالا ویژوال استودیو کد رو ببندید و دوباره اجرا بکنید.

از نوار بالا رو گزینه View و سپس Command Palette… کلیک کنید:

حالا در کادر باز شده دستور Flutter: New Project رو وارد کنید:

پس از اون از شما خواسته میشه که نام پروژه تون رو وارد کنید. دقت کنید که نام پروژه باید با حروف کوچک نوشته بشه.

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

تبریک! اولین پروژه فلاتر شما ساخته شد:

اینو هم بخون!
دوره آموزش استفاده از فضای ابری OneDrive (وان درایو)

دیدگاه ها (7)

  • صدابرداران
    تیر ۳۱, ۱۴۰۰ - ۳:۱۲ ب٫ظ

    خیلی سایت خوبی دارین

    پاسخ
  • vahid
    شهریور ۱۸, ۱۴۰۰ - ۰:۴۳ ق٫ظ

    سلام استاد فقط شبیه ساز من رو نمیشانه کمکم کنین

    پاسخ
    • حسین عازم
      شهریور ۱۸, ۱۴۰۰ - ۲:۰۷ ق٫ظ

      باید اطمینان حاصل کنید sdk اندروید به درستی نصب شده باشه
      به مسیر نصب sdk برید.
      احتمالا شبیه این مسیر:
      C:\Users\Aria\AppData\Local\Android\Sdk
      و اطمینان حاصل کنید sdk کامل باشه و پوشه platform-tools هم حتما موجود باشه.

      پاسخ
  • حسین زمانی
    دی ۱۸, ۱۴۰۰ - ۱۰:۵۹ ق٫ظ

    سلام خسته نباشین،ارور زیر رو چه جوری باید برطرف کنم؟
    PS C:\Users\Admin\Downloads\profile-project-n9oi> flutter doctor
    Doctor summary (to see all details, run flutter doctor -v):
    [√] Flutter (Channel stable, 2.8.1, on Microsoft Windows [Version 10.0.19043.1415], locale en-US)
    [!] Android toolchain – develop for Android devices
    X Unable to locate Android SDK.
    Install Android Studio from: https://developer.android.com/studio/index.html
    On first launch it will assist you in installing the Android SDK components.
    (or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
    If the Android SDK has been installed to a custom location, please use
    `flutter config –android-sdk` to update to that location.

    X No valid Android SDK platforms found in C:\Users\Admin\AppData\Local\Android\sdk\platforms. Candidates were:
    – android-11
    – android-12
    [√] Chrome – develop for the web
    [√] Android Studio (version 2020.3)
    [√] VS Code, 64-bit edition (version 1.63.2)
    [√] Connected device (2 available)

    ! Doctor found issues in 1 category.

    پاسخ
  • حسین زمانی
    دی ۱۸, ۱۴۰۰ - ۱۱:۰۱ ق٫ظ

    سلام خسته نباشین، ارور زیر را چه جوری باید برطرف کرد؟
    وقتی دستور flutter doctor رو میزنم این ارور رو میده
    Android toolchain – develop for Android devices
    X Unable to locate Android SDK.
    Install Android Studio from: https://developer.android.com/studio/index.html
    On first launch it will assist you in installing the Android SDK components.
    (or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
    If the Android SDK has been installed to a custom location, please use
    `flutter config –android-sdk` to update to that location.

    X No valid Android SDK platforms found in C:\Users\Admin\AppData\Local\Android\sdk\platforms. Candidates were:
    – android-11
    – android-12

    پاسخ
    • parsa karamizadeh
      اردیبهشت ۲۲, ۱۴۰۲ - ۴:۲۹ ب٫ظ

      سلام چطور میشه از ویژوال دیوایس در وی اس کد یا هر جای دیگه استفاده کنیم که نتیجه کار رو ببینیم حین برنامه نویسی

      پاسخ

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *