আমি জানি আপনি ভিজ্যুয়াল স্টুডিও কোডে Ctrl+ F/ Cmd+ ব্যবহার করে কোড ফর্ম্যাট করতে পারেন Fতবে আপনি প্রতিটি ভাষার জন্য বিন্যাসের বিকল্পগুলি কীভাবে পরিবর্তন করবেন?
উদাহরণস্বরূপ, ভিজ্যুয়াল স্টুডিও 2013 এ আমি সিএসএসের জন্য কমপ্যাক্ট মোড চয়ন করতে পারি।
এটি করার জন্য কি আর কোনও লুকানো জেএসএন ফাইল নেই?
উত্তর:
ভিএস কোডে
Ctrl+ Shift+ টিপুনP
তারপরে টাইপ করুন Format Document With...
তালিকার শেষে ক্লিক করুন Configure Default Formatter...
এখন আপনি তালিকা থেকে আপনার পছন্দের বিউটিফায়ার বেছে নিতে পারেন।
আপডেট 2021
যদি "Format Document With..."কোন অস্তিত্ব ছিল না, এখানে যান => => তারপর নেভিগেট করতে => স্ক্রল একটি সামান্য বিট তারপর আপনি দেখতে হবে , এখন আপনি যেকোনো দস্তাবেজের ফরম্যাটার যে আপনি বিভিন্ন ধরনের ফাইল এক্সটেনশানগুলি bofer ইনস্টল বাছাই করতে পারেন।file preferences settingsExtensions Veturformat > defaultFormatter:css
আমি সবেমাত্র এই এক্সটেনশানটিকে মার্কেট প্লেসে বিউটিফাইড নামে পেয়েছি এবং হ্যাঁ, এটি অন্য একটি কনফিগার \ সেটিংস ফাইল। :)
ভিজ্যুয়াল স্টুডিও কোডে জাভাস্ক্রিপ্ট, জেএসএন, সিএসএস, স্যাস এবং এইচটিএমএল সুন্দরী করুন।
ভিএস কোড অভ্যন্তরীণভাবে জেএস-বিউটিফাইটি ব্যবহার করে তবে এতে আপনি যে স্টাইলটি ব্যবহার করতে চান তা পরিবর্তন করার দক্ষতার অভাব রয়েছে। এই এক্সটেনশানটি ভিএস কোডে জেএস-বিউটিফাইটি চালানো এবং আপনার কোড স্টাইলিং লোড করতে ওপেন ফাইলের পাথ বৃক্ষের মধ্যে কোনও jsbeautifyrc ফাইলকে সম্মানিত করতে সক্ষম করে। এফ 1 বিউটিফায় (কোনও নির্বাচনকে সুন্দরী করতে) বা এফ 1 বিউটিফাই ফাইল দিয়ে চালান।
.Jsbeautifyrc এ থাকা সেটিংসে সহায়তার জন্য Settings.md দেখুন
এখানে গিটহাবের সংগ্রহস্থল: https://github.com/HookyQR/VSCodeBeautify
.jsbeautifyrcকনফিগারেশন ফাইল ব্যবহার করার পরে অন্যতম সেরা সমাধান , যা অন্য দলের সদস্যদের পক্ষে সহায়ক হবে যারা কোড লেখার জন্য অন্যান্য আইডিই ব্যবহার করতে পারেন। সুব্লাইম পাঠ্যের জন্য, HTML-CSS-JS-Prettify প্লাগইনটি সর্বোত্তম। দুর্ভাগ্যক্রমে ইকলিপ্সের জন্য, মার্কেটপ্লেসে বাস্তবায়নগুলি বগি। আমার এখনও ব্যবহার করা দরকার editorconfigযা একটি ভাল কাজ করে।
এই হয় এখন সমর্থিত (2019 এর হিসাবে) । নির্দেশের জন্য দয়া করে নীচে সজাদ সদরের উত্তর দেখুন see
না, এটি বর্তমানে সমর্থিত নয় (২০১৫ সালে) ।
আমরা কথা বলা হয় তাহলে ভিসুয়াল স্টুডিও কোড আজকাল আপনি একটি ডিফল্ট ফরম্যাটার সেট আপনার settings.json:
// Defines a default formatter which takes precedence over all other formatter settings.
// Must be the identifier of an extension contributing a formatter.
"editor.defaultFormatter": null,
যে কোনও ইনস্টল করা এক্সটেনশনের শনাক্তকারীকে নির্দেশ করুন, যেমন
"editor.defaultFormatter": "esbenp.prettier-vscode"
আপনি এটি ফর্ম্যাট-নির্দিষ্টও করতে পারেন :
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[scss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[sass]": {
"editor.defaultFormatter": "michelemelluso.code-beautifier"
},
এছাড়াও এখানে দেখুন ।
আপনি আপনার কীবোর্ড শর্টকাটগুলিতে ( ) এর বিভিন্ন বিন্যাসের জন্য অন্যান্য কীও বরাদ্দ করতে পারেন keybindings.json। ডিফল্টরূপে, এটি পড়ে:
{
"key": "shift+alt+f",
"command": "editor.action.formatDocument",
"when": "editorHasDocumentFormattingProvider && editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly"
}
সবশেষে, আপনি যদি প্রিটিয়ার প্লাগইনprettier.rc ব্যবহার করার সিদ্ধান্ত নেন এবং এবং আপনি উদাহরণস্বরূপ এইচটিএমএল, এসএসএস, জসন এর জন্য আলাদা ইনডেন্টেশন চান ...
{
"semi": true,
"singleQuote": false,
"trailingComma": "none",
"useTabs": false,
"overrides": [
{
"files": "*.component.html",
"options": {
"parser": "angular",
"tabWidth": 4
}
},
{
"files": "*.scss",
"options": {
"parser": "scss",
"tabWidth": 2
}
},
{
"files": ["*.json", ".prettierrc"],
"options": {
"parser": "json",
"tabWidth": 4
}
}
]
}
আপনি "সেটিংস" থেকে কিছু পরিবর্তন করতে পারেন। উদাহরণস্বরূপ জাভাস্ক্রিপ্টের নিয়মগুলি "জাভাস্ক্রিপ্ট.ফর্ম্যাট" দিয়ে শুরু হয়। তবে উন্নত ফর্ম্যাটিং নিয়ন্ত্রণের জন্য এখনও কিছু এক্সটেনশন ব্যবহার করা দরকার।
একটি সমাধান যা আমার জন্য (জুলাই 2017) কাজ করে তা হ'ল ইএসলিন্টটি ব্যবহার করা । যেহেতু সবাই জানেন, আপনি বিশ্বজুড়ে বা স্থানীয়ভাবে একাধিক উপায়ে লিন্টারটি ব্যবহার করতে পারেন। আমি স্থানীয়ভাবে এবং গুগল স্টাইল গাইড সহ এটি ব্যবহার করি। আমি এটি সেট আপ করার উপায়গুলি হ'ল নিম্নলিখিত ...
cd to your working directorynpm initnpm install --save-dev eslintnode_modules/.bin/eslint --initI use google style and json config fileএখন আপনার কাছে একটি .eslintrc.jsonফাইল থাকবে আপনার কার্যনির্বাহী ডিরেক্টরিটির মূল। আপনি যে ফাইলটি খুলতে এবং সংশোধন করতে পারেন আপনি দয়া করে eslint নিয়ম ব্যবহার করে । পরবর্তী cmd+,খোলা vscodeসিস্টেম পছন্দগুলি। অনুসন্ধান বারে টাইপ করুন eslintএবং সন্ধান করুন "eslint.autoFixOnSave": false। সেটিংসটি অনুলিপি করুন এবং ব্যবহারকারীর সেটিংস ফাইলটিতে আটকানো হয়েছে এবং এতে পরিবর্তন falseকরুন true। আশা করি এটি vscode ব্যবহার করে কাউকে সহায়তা করতে পারে ।
বিশেষত সি # (ওমনিশার্প) ফর্ম্যাটিং সেটিংস পরিবর্তন করতে আপনি একটি জেসন ফাইল ব্যবহার করতে পারেন:
ব্যবহারকারী: ~/.omnisharp/omnisharp.json বা %USERPROFILE%\.omnisharp\omnisharp.json
ওয়ার্কস্পেস: omnisharp.json ফাইলটি যে ডিরেক্টরিটিতে ওমনিশার্পকে নির্দেশ করা হয়েছে।
উদাহরণ:
{
"FormattingOptions": {
"NewLinesForBracesInMethods": false,
"NewLinesForBracesInProperties": false,
"NewLinesForBracesInAccessors": false,
"NewLinesForBracesInAnonymousMethods": false,
"NewLinesForBracesInControlBlocks": false,
"NewLinesForBracesInObjectCollectionArrayInitializers": false,
"NewLinesForBracesInLambdaExpressionBody": false
}
}
এই পোস্টে বিশদ | omnisharp.json স্কিমা (এটি ইতিমধ্যে vscode এ রয়েছে, আপনি কেবল এটি CTRL + স্পেস করতে পারেন)
অন্যান্য ভাষার এক্সটেনশনে এটি সেট করার জন্য একই ফাইল থাকতে পারে।
ঠিক এখনই আমার সাথে একই ঘটনা ঘটেছে। আমি সেটিংসে ডিফল্ট ফর্ম্যাটর হিসাবে প্রিটিয়ার সেট করেছি এবং এটি আবার কাজ শুরু করে। আমার ডিফল্ট ফর্ম্যাটারটি বাতিল ছিল ।
VSCODE ডিফল্ট ফর্ম্যাটার সেট করতে
ফাইল -> পছন্দসমূহ -> সেটিংস (উইন্ডোজের জন্য) কোড -> পছন্দসমূহ -> সেটিংস (ম্যাকের জন্য)
"ডিফল্ট ফর্ম্যাটার" অনুসন্ধান করুন। ড্রপডাউনতে প্রিটিটিয়ার esbenp. ব্যাখ্যাটি-vscode হিসাবে প্রদর্শিত হবে show
