🌐 ভাষা
prettier-plugin-classnames
এটা Prettier প্লাগিন যি বৰ্ণনামূলক ক্লাছ নামসমূহক printWidth বিকল্পৰ আধাৰত ৰেপ কৰে।
স্থাপন[^1]
npm install -D prettier prettier-plugin-classnames[^1]: যদি আপোনাৰ prettier-plugin-classnames ৰ সংস্কৰণ 0.4.0 তকৈ কম হয়, তেন্তে আপোনাক @prettier/syncো ইনষ্টল কৰিব লাগিব।
সংৰূপণ
JSON উদাহৰণ:
{
"plugins": ["prettier-plugin-classnames"]
}JS উদাহৰণ (CommonJS মডিউল):
module.exports = {
plugins: ['prettier-plugin-classnames'],
customAttributes: ['myClassProp'],
customFunctions: ['clsx'],
};JS উদাহৰণ (ES মডিউল):
export default {
plugins: ['prettier-plugin-classnames'],
endingPosition: 'absolute',
};Markdown/MDX অ'ভাৰাইড
এই প্লাগইনটোৱে Markdown আৰু MDX সমৰ্থন নকৰে, কিন্তু যদি এই প্লাগইনটোৱে ক'ড ব্লকসমূহৰ ভিতৰত কোনো ভাষা সমৰ্থন কৰে (উদাহৰণস্বৰূপে Vue), তেন্তে ক'ড ব্লকসমূহৰ ভিতৰত অনিচ্ছাকৃত ফৰ্মেটিং ঘটিব পাৰে।
অনিচ্ছাকৃত ফৰ্মেটিং ৰোধ কৰিবলৈ, আপুনি Markdown আৰু MDX-ৰ বাবে কনফিগাৰেচন অ'ভাৰাইড ব্যৱহাৰ কৰিব পাৰে।
JSON উদাহৰণ:
{
"plugins": ["prettier-plugin-classnames"],
"customFunctions": ["clsx"],
"overrides": [
{
"files": [".md", ".mdx"],
"options": {
"plugins": []
}
}
]
}বিকল্পসমূহ
কাষ্টম এট্ৰিবিউটসমূহ
এনক্ল'জিং ক্লাছ নামসমূহৰ এট্ৰিবিউটৰ তালিকা।
class আৰু className এট্ৰিবিউট সদায় সমৰ্থিত, বিকল্প নিৰ্ধাৰণ নকৰিলেও।
ডিফ'ল্ট | CLI ওভাৰ্ৰাইড | API ওভাৰ্ৰাইড
--- | --- | ---
[] | --custom-attributes | customAttributes: ["
কাষ্টম ফাংচনসমূহ
এনক্ল'জিং ক্লাছ নামসমূহৰ ফাংচনসমূহৰ তালিকা।
classNames ফাংচন সদায় সমৰ্থিত, বিকল্প নিৰ্ধাৰণ নকৰিলেও।
ডিফ'ল্ট | CLI ওভাৰ্ৰাইড | API ওভাৰ্ৰাইড
--- | --- | ---
[] | --custom-functions | customFunctions: ["
সমাপ্তিৰ অৱস্থান
প্ৰথমবাৰৰ বাবে v0.5.0-ত উপলব্ধ।
absolute-with-indent v0.6.0-ত যোগ কৰা হৈছিল।
absolute-with-indent v0.8.0-ত আঁতৰ কৰা হৈছিল, কিন্তু আপুনি absolute ব্যৱহাৰ কৰি একে আউটপুট পাব পাৰে।
ডিফ'ল্ট মান v0.8.0-ত relativeৰ পৰা absoluteলৈ সলনি কৰা হৈছিল।
এইটো হৈছে প্ৰতিটো শাৰীত ক্লাছ নাম শেষ কৰাৰ মানদণ্ড, যেতিয়া মূল ক্লাছ নামক বহু-শাৰীৰ ক্লাছ নামৰ সৈতে প্ৰতিস্থাপন কৰা হয়।
absoluteউদাহৰণ:
------------------------------------------------------------| printWidth=60
export function Callout({ children }) {
return (
{children}
);
}
``
উদাহৰণ:
`
------------------------------------------------------------| printWidth=60
export function Callout({ children }) {
return (
{children}
);
}
`
ডিফল্ট | CLI অভাৰাইড | API অভাৰাইড
--- | --- | ---
"absolute" | --ending-position | endingPosition: ""সিন্টেক্স ৰূপান্তৰ
প্ৰথমবাৰ v0.7.7-ত উপলব্ধ।
যদি কোনো শ্ৰেণী নামত ন-এক্সপ্ৰেশন সিন্টেক্সত লিখা হলে লাইনৰ মোচন ঘটে, তেন্তে সেইটো এক্সপ্ৰেশন সিন্টেক্সলৈ ৰূপান্তৰিত হয়। এই ৰূপান্তৰ reversible formatting সমৰ্থন নকৰে।
ডিফল্ট | CLI অভাৰাইড | API অভাৰাইড
--- | --- | ---
| --syntax-transformation | syntaxTransformation: শ্ৰেণী নাম প্ৰিন্ট উইড্থ
প্ৰথমবাৰ v0.10.0-ত উপলব্ধ।
শ্ৰেণী নামৰ প্ৰিন্ট উইড্থ নিৰ্ধাৰণ কৰক। যদি কোনো মান দিয়া নহয়,
মানটো ডিফল্ট হিচাপে ব্যৱহাৰ কৰা হয়।
ডিফল্ট | CLI অভাৰাইড | API অভাৰাইড
--- | --- | ---
undefined | --classnames-print-width | classnamesPrintWidth: সংস্কৰণৰ সম্পৰ্ক সibling প্লাগইনৰ সৈতে
-ৰ পৰা আৰম্ভ কৰি, যদি কোনো এটা দিশত minor release থাকে, সম্ভৱ হলে সেই পৰিবর্তন আন দিশতো প্রতিফলিত কৰাৰ পৰিকল্পনা আছে।
আন Prettier প্লাগইনৰ সৈতে সামঞ্জস্যতা
যদি একাধিক Prettier প্লাগইনে আপোনাৰ ফৰ্মেট কৰিবলৈ চোৱা টেক্সটটো হেণ্ডল কৰিব পাৰে, Prettier কেৱল সেই প্লাগইনৰ অন্তিমটোহে ব্যৱহাৰ কৰে।
এই ক্ষেত্ৰত, prettier-plugin-merge যোগ কৰি সেই প্লাগইনবোৰক ক্ৰমে প্রয়োগ কৰিবলৈ তলত দেখুৱোৱা মতে কনফিগাৰ কৰিব পাৰি।
JSON উদাহৰণ:
Stargazers over time
--- Tranlated By Open Ai Tx | Last indexed: 2026-06-03 ---