আপনার ফায়ারবেস স্টুডিও ওয়ার্কস্পেস কাস্টমাইজ করুন

Firebase Studio আপনাকে আপনার প্রকল্পের অনন্য চাহিদা অনুসারে আপনার কর্মক্ষেত্র তৈরি করতে দেয় একটি একক .idx/dev.nix কনফিগারেশন ফাইল সংজ্ঞায়িত করে যা বর্ণনা করে:

  • আপনার যে সিস্টেম টুলগুলি চালাতে সক্ষম হতে হবে (উদাহরণস্বরূপ, টার্মিনাল থেকে), যেমন কম্পাইলার বা অন্যান্য বাইনারি।
  • আপনার যে এক্সটেনশনগুলি ইনস্টল করতে হবে (উদাহরণস্বরূপ, প্রোগ্রামিং ভাষা সমর্থন)।
  • আপনার অ্যাপ প্রিভিউ কীভাবে প্রদর্শিত হবে (উদাহরণস্বরূপ, আপনার ওয়েব সার্ভার চালানোর জন্য কমান্ড)।
  • আপনার কর্মক্ষেত্রে চলমান স্থানীয় সার্ভারগুলিতে উপলব্ধ গ্লোবাল এনভায়রনমেন্ট ভেরিয়েবল ।

কী কী পাওয়া যাচ্ছে তার সম্পূর্ণ বিবরণের জন্য dev.nix রেফারেন্সটি দেখুন।

নিক্স এবং Firebase Studio

প্রতিটি কর্মক্ষেত্রের জন্য পরিবেশ কনফিগারেশন নির্ধারণ করতে Firebase Studio নিক্স ব্যবহার করে। বিশেষ করে, Firebase Studio ব্যবহার করে:

  • কর্মক্ষেত্রের পরিবেশ বর্ণনা করার জন্য নিক্স প্রোগ্রামিং ভাষা । নিক্স একটি কার্যকরী প্রোগ্রামিং ভাষা। dev.nix ফাইলে আপনি যে বৈশিষ্ট্য এবং প্যাকেজ লাইব্রেরিগুলি সংজ্ঞায়িত করতে পারেন সেগুলি নিক্স বৈশিষ্ট্য সেট সিনট্যাক্স অনুসরণ করে।

  • আপনার কর্মক্ষেত্রে উপলব্ধ সিস্টেম টুলগুলি পরিচালনা করার জন্য নিক্স প্যাকেজ ম্যানেজার । এটি APT ( apt এবং apt-get ), Homebrew ( brew ), এবং dpkg এর মতো OS-নির্দিষ্ট প্যাকেজ ম্যানেজারগুলির অনুরূপ।

যেহেতু নিক্স পরিবেশগুলি পুনরুৎপাদনযোগ্য এবং ঘোষণামূলক, তাই Firebase Studio প্রেক্ষাপটে, এর অর্থ হল আপনি আপনার নিক্স কনফিগারেশন ফাইলটি আপনার গিট রিপোজিটরির অংশ হিসাবে ভাগ করে নিতে পারেন যাতে নিশ্চিত করা যায় যে আপনার প্রকল্পে কাজ করা প্রত্যেকের পরিবেশ কনফিগারেশন একই।

একটি মৌলিক উদাহরণ

নিম্নলিখিত উদাহরণটি একটি মৌলিক পরিবেশ কনফিগারেশন দেখায় যা প্রিভিউ সক্ষম করে:

{ pkgs, ... }: {

  # Which nixpkgs channel to use.
  channel = "stable-23.11"; # or "unstable"

  # Use https://search.nixos.org/packages to find packages
  packages = [
    pkgs.nodejs_20
  ];

  # Sets environment variables in the workspace
  env = {
    SOME_ENV_VAR = "hello";
  };

  # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
  idx.extensions = [
    "angular.ng-template"
  ];

  # Enable previews and customize configuration
  idx.previews = {
    enable = true;
    previews = {
      web = {
        command = [
          "npm"
          "run"
          "start"
          "--"
          "--port"
          "$PORT"
          "--host"
          "0.0.0.0"
          "--disable-host-check"
        ];
        manager = "web";
        # Optionally, specify a directory that contains your web app
        # cwd = "app/client";
      };
    };
  };
}

সিস্টেম টুল যোগ করুন

আপনার কর্মক্ষেত্রে সিস্টেম টুল যোগ করতে, যেমন ক্লাউড পরিষেবার জন্য কম্পাইলার বা CLI প্রোগ্রাম, Nix প্যাকেজ রেজিস্ট্রিতে অনন্য প্যাকেজ আইডি খুঁজুন এবং এটি আপনার dev.nix ফাইলের packages অবজেক্টে যোগ করুন, যার প্রিফিক্স `pkgs.: দিয়ে যুক্ত করুন।

{ pkgs, ... }: {
  # Which nixpkgs channel to use.
  channel = "stable-23.11"; # or "unstable"

  # Use https://search.nixos.org/packages to find packages
  packages = [
    pkgs.nodejs_20
  ];
  ...
}

এটি সাধারণত APT ( apt এবং apt-get ), Homebrew ( brew ), এবং dpkg এর মতো OS-নির্দিষ্ট প্যাকেজ ম্যানেজার ব্যবহার করে সিস্টেম প্যাকেজ ইনস্টল করার পদ্ধতি থেকে আলাদা। কোন সিস্টেম প্যাকেজগুলি প্রয়োজন তা ঘোষণামূলকভাবে বর্ণনা করার অর্থ হল Firebase Studio ওয়ার্কস্পেসগুলি ভাগ করা এবং পুনরুত্পাদন করা সহজ।

স্থানীয় নোড বাইনারি ব্যবহার করুন

ঠিক আপনার স্থানীয় মেশিনের মতোই, স্থানীয়ভাবে ইনস্টল করা নোড প্যাকেজগুলির সাথে সম্পর্কিত বাইনারিগুলি (উদাহরণস্বরূপ, আপনার package.json এ সংজ্ঞায়িত প্যাকেজগুলি) npx কমান্ড ব্যবহার করে টার্মিনাল প্যানেলে কার্যকর করা যেতে পারে।

অতিরিক্ত সুবিধা হিসেবে, যদি আপনি এমন একটি ডিরেক্টরিতে থাকেন যেখানে node_modules ফোল্ডার থাকে (যেমন একটি ওয়েব প্রজেক্টের রুট ডিরেক্টরি), তাহলে স্থানীয়ভাবে ইনস্টল করা বাইনারিগুলি সরাসরি npx উপসর্গ ছাড়াই আহ্বান করা যেতে পারে।

gcloud উপাদান যোগ করুন

Google Cloud জন্য gcloud CLI- এর একটি ডিফল্ট কনফিগারেশন সমস্ত Firebase Studio ওয়ার্কস্পেসে উপলব্ধ।

আপনার যদি অতিরিক্ত উপাদানের প্রয়োজন হয়, তাহলে আপনি সেগুলি আপনার dev.nix ফাইলে যোগ করতে পারেন:

{ pkgs }: {
  packages = [
    ...
    (pkgs.google-cloud-sdk.withExtraComponents [
      pkgs.google-cloud-sdk.components.cloud-datastore-emulator
    ])
    ...
  ];
}

IDE এক্সটেনশন যোগ করুন

আপনি OpenVSX এক্সটেনশন রেজিস্ট্রি ব্যবহার করে Firebase Studio তে দুটি উপায়ে এক্সটেনশন ইনস্টল করতে পারেন:

  • এক্সটেনশনগুলি আবিষ্কার এবং ইনস্টল করতে Firebase Studio তে এক্সটেনশন প্যানেল ব্যবহার করুন। এই পদ্ধতিটি ব্যবহারকারী-নির্দিষ্ট এক্সটেনশনগুলির জন্য সবচেয়ে ভালো, যেমন:

    • কাস্টম রঙের থিম
    • সম্পাদক অনুকরণ, যেমন VSCodeVim

  • আপনার dev.nix ফাইলে এক্সটেনশন যোগ করুন । আপনার ওয়ার্কস্পেস কনফিগারেশন শেয়ার করার সময় এই এক্সটেনশনগুলি স্বয়ংক্রিয়ভাবে ইনস্টল হয়ে যাবে। এই পদ্ধতিটি প্রকল্প-নির্দিষ্ট এক্সটেনশনের জন্য সবচেয়ে ভালো, যেমন:

    • প্রোগ্রামিং ভাষা এক্সটেনশন, ভাষা-নির্দিষ্ট ডিবাগার সহ
    • আপনার প্রকল্পে ব্যবহৃত ক্লাউড পরিষেবার জন্য অফিসিয়াল এক্সটেনশন
    • কোড ফর্ম্যাটার

পরবর্তী পদ্ধতির জন্য, আপনি আপনার dev.nix ফাইলে IDE এক্সটেনশন অন্তর্ভুক্ত করতে পারেন (ফর্ম <publisher>.<id> এর) সম্পূর্ণরূপে যোগ্য এক্সটেনশন আইডি খুঁজে বের করে এবং এটি idx.extensions অবজেক্টে যোগ করে:

{ pkgs, ... }: {
  ...
  # Search for the extensions you want on https://open-vsx.org/ and use the format
  # "<publisher>.<id>"
  idx.extensions = [
    "angular.ng-template"
  ];
  ...
}

সাধারণ পরিষেবা যোগ করুন

Firebase Studio ডেভেলপমেন্টের সময় আপনার প্রয়োজনীয় সাধারণ পরিষেবাগুলির জন্য সরলীকৃত সেটআপ এবং কনফিগারেশনও অফার করে, যার মধ্যে রয়েছে:

  • পাত্র
    • ডকার ( services.docker.* )
  • মেসেজিং
    • পাব/সাব এমুলেটর ( services.pubsub.* )
  • ডাটাবেস
    • মাইএসকিউএল ( services.mysql.* )
    • পোস্টগ্রেস ( services.postgres.* )
    • রেডিস ( services.redis.* )
    • স্প্যানার ( services.spanner.* )

আপনার কর্মক্ষেত্রে এই পরিষেবাগুলি সক্ষম করার বিশদ বিবরণের জন্য, dev.nix রেফারেন্সের services.* অংশগুলি দেখুন।

প্রিভিউ কাস্টমাইজ করুন

আপনার অ্যাপ প্রিভিউ কীভাবে কাস্টমাইজ করবেন তার বিস্তারিত জানার জন্য, আপনার অ্যাপের প্রিভিউ দেখুন।

আপনার কর্মক্ষেত্রের আইকন সেট করুন

আপনার dev.nix ফাইলের সমান স্তরে .idx ডিরেক্টরিতে icon.png নামের একটি PNG ফাইল রেখে আপনি আপনার কর্মক্ষেত্রের জন্য একটি কাস্টম আইকন বেছে নিতে পারেন। এরপর Firebase Studio আপনার ড্যাশবোর্ডে আপনার কর্মক্ষেত্র উপস্থাপন করতে এই আইকনটি ব্যবহার করবে।

যেহেতু এই ফাইলটি সোর্স কন্ট্রোলে (যেমন Git) চেক করা যেতে পারে, তাই Firebase Studio ব্যবহার করার সময় আপনার প্রোজেক্টে কাজ করা প্রত্যেককে আপনার প্রোজেক্টের জন্য একই আইকন দেখতে সাহায্য করার এটি একটি ভালো উপায়। এবং যেহেতু ফাইলটি Git শাখা জুড়ে পরিবর্তিত হতে পারে, তাই আপনি বিটা এবং প্রোডাকশন অ্যাপ ওয়ার্কস্পেসের মধ্যে দৃশ্যত পার্থক্য করতে এবং অন্যান্য উদ্দেশ্যে এই আইকনটি ব্যবহার করতে পারেন।

আপনার কাস্টমাইজেশনগুলিকে একটি টেমপ্লেটে পরিণত করুন

আপনার পরিবেশ কনফিগারেশনকে "স্টার্টার এনভায়রনমেন্টে" রূপান্তর করতে যা যে কেউ নতুন প্রকল্প তৈরি করতে ব্যবহার করতে পারে, কাস্টম টেমপ্লেট তৈরির ডকুমেন্টগুলি দেখুন।

সমস্ত কাস্টমাইজেশন বিকল্পগুলি অন্বেষণ করুন

পরিবেশ কনফিগারেশন স্কিমার বিস্তারিত বিবরণের জন্য dev.nix রেফারেন্সটি দেখুন।

আপনার ফাইলগুলি ডাউনলোড করুন

আপনার ফাইলগুলি জিপ ফাইল হিসেবে ডাউনলোড করতে:

  • এক্সপ্লোরার প্যানের যেকোনো ডিরেক্টরিতে ডান-ক্লিক করুন এবং Zip and Download নির্বাচন করুন।

আপনার প্রকল্প ডিরেক্টরিতে সবকিছু ডাউনলোড করতে:

  1. ফাইল > ফোল্ডার খুলুন নির্বাচন করুন।

  2. ডিফল্ট /home/user ডিরেক্টরি গ্রহণ করুন।

  3. ফাইল লোড হওয়ার পর, আপনার ওয়ার্কিং ডিরেক্টরিতে ডান-ক্লিক করুন এবং Zip এবং Download নির্বাচন করুন। যদি আপনি App Prototyping agent ব্যবহার করেন, তাহলে আপনার ওয়ার্কিং ডিরেক্টরি হবে studio । যদি আপনি কোনও টেমপ্লেট বা আপলোড করা প্রকল্প ব্যবহার করেন, তাহলে এটি আপনার প্রকল্পের নাম হবে।

  4. পরিবেশ পুনর্নির্মাণের অনুরোধ জানানো হলে, বাতিল করুন এ ক্লিক করুন।

  5. ডাউনলোড শেষ হওয়ার পর, আপনার কর্মক্ষেত্রে ফিরে যেতে ফাইল মেনু থেকে আপনার ওয়ার্কিং ডিরেক্টরিটি পুনরায় খুলুন।

পরবর্তী পদক্ষেপ