Vue 2 এবং Vue 3 সেটআপ করার পদ্ধতি

ওয়েব ডেভেলপমেন্ট
, , , ,
1

Vue 2 এবং Vue 3 সেটআপ করার পদ্ধতি একটু ভিন্ন। নিচে দুইটি ভার্সন সেটআপ করার ধাপগুলো দেওয়া হলো:

Vue 2 সেটআপ

Vue 2 প্রজেক্ট তৈরি করার জন্য আপনি Vue CLI ব্যবহার করতে পারেন। Vue CLI খুব সহজেই Vue প্রজেক্ট তৈরি করতে সাহায্য করে। নিচের ধাপগুলো অনুসরণ করুন:

1. Node.js ইনস্টল করুন

প্রথমে আপনার কম্পিউটারে Node.js ইনস্টল করা থাকতে হবে। Node.js এর সর্বশেষ ভার্সনটি Node.js ওয়েবসাইট থেকে ডাউনলোড করে ইনস্টল করুন।

2. Vue CLI ইনস্টল করুন

Vue 2 প্রজেক্ট তৈরি করতে Vue CLI (Command Line Interface) ব্যবহার করতে হবে। নিচের কমান্ডটি চালিয়ে Vue CLI ইনস্টল করুন:

npm install -g @vue/cli

3. Vue 2 প্রজেক্ট তৈরি করুন

Vue CLI ইনস্টল করার পরে Vue 2 প্রজেক্ট তৈরি করতে নিচের কমান্ডটি দিন:

vue create my-vue2-app

এরপর আপনাকে কিছু সেটআপ অপশন জিজ্ঞাসা করা হবে। Vue 2 প্রজেক্ট তৈরি করতে আপনি ম্যানুয়ালি অপশন নির্বাচন করতে পারেন বা ডিফল্ট সেটিংস ব্যবহার করতে পারেন।

4. Vue 2 ইনস্টলেশন নিশ্চিত করুন

প্রজেক্ট তৈরি করার সময় যখন আপনাকে জিজ্ঞাসা করা হবে কোন Vue ভার্সন ব্যবহার করতে চান, তখন Vue 2 নির্বাচন করুন।

Vue 2.x

5. প্রজেক্ট রান করুন

প্রজেক্ট তৈরি হওয়ার পর নিচের কমান্ডটি চালিয়ে আপনার প্রজেক্ট রান করুন:

cd my-vue2-app
npm run serve

এখন আপনি ব্রাউজারে আপনার Vue 2 অ্যাপ দেখতে পারবেন।

Vue 3 সেটআপ

Vue 3 সেটআপ করার প্রক্রিয়া খুবই সহজ এবং Vue CLI অথবা Vite ব্যবহার করে করা যায়। নিচে Vue CLI এবং Vite দিয়ে Vue 3 সেটআপ করার পদ্ধতি দেওয়া হলো:

Vue CLI দিয়ে Vue 3 সেটআপ:

  1. Vue CLI ইনস্টল করুন
    Vue CLI ইনস্টল করতে নিচের কমান্ডটি ব্যবহার করুন (যদি ইতিমধ্যে ইনস্টল না থাকে):
npm install -g @vue/cli
  1. Vue 3 প্রজেক্ট তৈরি করুন
    Vue 3 প্রজেক্ট তৈরি করতে নিচের কমান্ডটি চালান:
vue create my-vue3-app
  1. Vue 3 নির্বাচন করুন
    প্রজেক্ট তৈরি করার সময়, যখন আপনাকে জিজ্ঞাসা করা হবে কোন ভার্সন ব্যবহার করতে চান, তখন Vue 3 নির্বাচন করুন।
Vue 3.x
  1. প্রজেক্ট রান করুন
    প্রজেক্ট তৈরি হওয়ার পর প্রজেক্ট ফোল্ডারে যান এবং অ্যাপ চালু করতে নিচের কমান্ডটি ব্যবহার করুন:
cd my-vue3-app
npm run serve

এখন আপনার Vue 3 অ্যাপ ব্রাউজারে দেখতে পারবেন।

Vite দিয়ে Vue 3 সেটআপ:

Vite হলো এক ধরনের দ্রুত বিল্ড টুল, যা Vue 3 সেটআপে খুবই দ্রুত কাজ করে। Vite দিয়ে Vue 3 সেটআপ করতে হলে নিচের ধাপগুলো অনুসরণ করুন:

  1. Vite প্রজেক্ট তৈরি করুন
    নিচের কমান্ডটি ব্যবহার করে Vite এর মাধ্যমে Vue 3 প্রজেক্ট তৈরি করুন:
npm init vite@latest my-vue3-app -- --template vue
  1. প্রজেক্ট ডিরেক্টরিতে যান
cd my-vue3-app
  1. নোড প্যাকেজগুলি ইনস্টল করুন
npm install
  1. প্রজেক্ট রান করুন
npm run dev

এখন আপনার Vue 3 প্রজেক্ট রান হবে এবং আপনি এটি ব্রাউজারে দেখতে পারবেন।

উপসংহার

Vue 2 এবং Vue 3 দুটিই Vue CLI ব্যবহার করে সেটআপ করা যায়, তবে Vue 3 আরও দ্রুত সেটআপের জন্য Vite এর মত আধুনিক টুলগুলিও সমর্থন করে। আপনি যে ফ্রেমওয়ার্কই ব্যবহার করুন, এর ওপর ভিত্তি করে আপনার প্রজেক্টের কাঠামো গড়ে তুলতে পারবেন।

2 Likes