এই সেটআপ করার জন্য নিম্নলিখিত ধাপগুলি অনুসরণ করুন:
ধাপ ১: প্রকল্পে নমুনা প্যাকেজের তালিকা তৈরি করুন
প্রকল্পে যেই প্যাকেজগুলি আপনি ইচ্ছুক, সেগুলি একটি নমুনা প্যাকেজের তালিকা তৈরি করুন। তারপরে আপনি নমুনা প্যাকেজ ইন্সটল করতে পারেন এবং তার উপরে ভিত্তি করে সেটআপ করা যাবে।
ধাপ ২: নমুনা প্যাকেজের তালিকা ইনিশিয়েলাইজ করুন
প্রকল্পের রুট ডিরেক্টরিতে একটি নমুনা প্যাকেজ ইনিশিয়েলাইজ করুন এবং যা প্রয়োজন তা ইনস্টল করুন। নমুনা প্যাকেজের তালিকা আপনি এই ভাবে তৈরি করতে পারেন:
bash
npm init -y
npm install eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-react --save-dev
ধাপ ৩: ESLint কনফিগারেশন ফাইল তৈরি করুন
প্রকল্পের রুট ডিরেক্টরিতে `.eslintrc.js` বা `.eslintrc.json` নামক একটি ফাইল তৈরি করুন। এটি আপনার প্রকল্পের জন্য ESLint এর কনফিগারেশন ফাইল হবে।
উদাহরণ একটি বেসিক ESLint কনফিগারেশন:
json fromate:
{
"extends": ["eslint:recommended", "plugin:react/recommended", "prettier"],
"plugins": ["prettier"],
"rules": {
"prettier/prettier": "error"
},
"parserOptions": {
"ecmaVersion": 2021,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
}
}
ধাপ ৪: Prettier কনফিগারেশন ফাইল তৈরি করুন
প্রকল্পের রুট ডিরেক্টরিতে `.prettierrc` বা `.prettierrc.json` নামক একটি ফাইল তৈরি করুন। এটি আপনার প্রকল্পের জন্য Prettier এর কনফিগারেশন ফাইল হবে।
উদাহরণ একটি বেসিক Prettier কনফিগারেশন:
json Formate:
{
"semi": true,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5"
}
ধাপ ৫: ESLint এবং Prettier সংযোজন করুন
ESLint কনফিগারেশন ফাইলে "plugin:prettier/recommended" এটি "extends" বিভাগে অ্যাড করুন। এটি Prettier এর নিয়মগুলি ESLint এর সাথে সংযোজন করবে।
json Fromate
{
"extends": ["eslint:recommended", "plugin:react/recommended", "plugin:prettier/recommended"],
...
}
ধাপ ৬: VSCode সেটআপ (ঐচ্ছিক)
আপনি যদি Visual Studio Code ব্যবহার করেন, তবে আপনি সতর্কতা এবং স্থিরতা এক্সটেনশন গুলি ইনস্টল করতে পারেন। এই এক্সটেনশনগুলি আপনাকে
Post a Comment