Nuxt.js একটি প্রকল্প ইনস্টল এবং কনফিগার করা
Node.js ইনস্টল করুন
আপনার কম্পিউটারে Node.js ইনস্টল করা আছে তা নিশ্চিত করুন। আপনি অফিসিয়াল Node.js ওয়েবসাইট থেকে সর্বশেষ সংস্করণটি ডাউনলোড করতে পারেন।
Vue CLI ইনস্টল করুন
Vue CLI ইনস্টল করতে আপনার Terminal বা Command Prompt নিম্নলিখিত কমান্ডটি চালান(যদি ইতিমধ্যে ইনস্টল না থাকে):
npm install -g vue-cli
একটি Nuxt.js প্রকল্প তৈরি করুন
, ডিরেক্টরিতে Terminal নেভিগেট করুন যেখানে আপনি আপনার প্রকল্প তৈরি করতে চান এবং একটি প্রকল্প তৈরি করতে নিম্নলিখিত কমান্ডটি চালান Nuxt.js:
vue init nuxt-community/starter-template my-nuxt-project
প্রকল্প কনফিগারেশন
Terminal আপনার প্রকল্প কনফিগার করতে প্রম্পটগুলি অনুসরণ করুন ৷ আপনি আপনার প্রকল্পের জন্য বিভিন্ন বিকল্প বেছে নিতে পারেন, যেমন ESLint ব্যবহার করা, ইনস্টল করা Axios ইত্যাদি।
প্রথম পৃষ্ঠা তৈরি করা এবং মৌলিক বিষয়বস্তু প্রদর্শন করা:
প্রজেক্ট ডিরেক্টরি খুলুন
আপনার খুলুন Terminal এবং কমান্ড ব্যবহার করে প্রকল্প ডিরেক্টরিতে নেভিগেট করুন cd my-nuxt-project(অথবা আপনি যে ফোল্ডারের নাম বেছে নিয়েছেন)।
একটি নতুন পৃষ্ঠা তৈরি করুন
নিম্নলিখিত কমান্ড সহ একটি নতুন পৃষ্ঠা তৈরি করতে Vue CLI ব্যবহার করুন:
npx vue-cli-service generate page mypage
নতুন পৃষ্ঠা সম্পাদনা করুন
mypage.vue ডিরেক্টরিতে ফাইলটি খুলুন pages এবং পৃষ্ঠার বিষয়বস্তু সম্পাদনা করুন। আপনি HTML, Vue উপাদান এবং ডেটা যোগ করতে পারেন।
পৃষ্ঠাটি প্রদর্শন করুন
ফাইলে layouts/default.vue, আপনি <nuxt/> পৃষ্ঠার বিষয়বস্তু প্রদর্শন করতে ট্যাগ ব্যবহার করতে পারেন।
প্রজেক্ট চালান
তে Terminal, প্রকল্পটি শুরু করতে এবং ব্রাউজারে আপনার পৃষ্ঠাটি দেখতে নিম্নলিখিত কমান্ডটি চালান:
npm run dev
এখন আপনার প্রকল্পে আপনার প্রথম পৃষ্ঠা রয়েছে Nuxt.js এবং পছন্দসই বিষয়বস্তু কাস্টমাইজ করতে পারেন।