ভিএসকোড একক থেকে ডাবল উদ্ধৃতি স্বয়ংক্রিয় প্রতিস্থাপন


109

আমি যখন Format Documentকোনও Vue Comp घटक.vue ফাইলটিতে একটি কমান্ড কার্যকর করি তখন ভিএসকোড সমস্ত একক উদ্ধৃত স্ট্রিংটিকে ডাবল উদ্ধৃত স্ট্রিংয়ের সাথে প্রতিস্থাপন করে।

আমার নির্দিষ্ট ক্ষেত্রে এই নিয়মটি ইলেক্ট্রন-ভিউ লিন্ট কনফিগারেশনের সাথে দ্বন্দ্ব করে যার জন্য সিঙ্গলকোট প্রয়োজন।

আমার প্রিটিয়ার এক্সটেনশন ইনস্টল করা নেই ( prettier.singleQuoteআমার সেটিংয়ে নেই)

এটি এড়াতে কীভাবে ভিএসকোড কাস্টমাইজ করবেন?



উত্তর:


137

আমি prettierএক্সটেনশন ইনস্টল করব না , তবে আমি আমার ব্যবহারকারীর সেটিং ( , Ctrl +, শর্টকাট) এ স্ক্র্যাচ থেকে যুক্ত করা সম্ভব নকল উত্তর পড়ার পরে UserSetting.json:

"prettier.singleQuote": true

একটি অংশ সবুজ সতর্কতা ( Unknown configuration setting) একক উদ্ধৃতি আর প্রতিস্থাপন করা হয় না।

আমার সন্দেহ হয় যে প্রিমটিয়ার এক্সটেনশনটি দৃশ্যমান নয় তবে ভেটুর এক্সটেনশনের অভ্যন্তরে এম্বেড রয়েছে ।


4
এটি আমার পক্ষে কাজ করে না। vetur.format.defaultFormatterOptionsপরিবর্তে আমাকে ব্যবহার করতে হবে। Https://vuejs.github.io/vetur/formatting.html#settings দেখুন ।
ব্যবহারকারী 1620220

দ্রুত অনুসন্ধানটি খোলার পরে, "> ব্যবহারকারী সেটিংস" টাইপ করুন এবং "পছন্দসমূহ: ব্যবহারকারী সেটিংস খুলুন" ক্লিক করুন click আপনার পছন্দসমূহের অনুসন্ধান বাক্সে, "prettier.singleQuote" টাইপ করুন এবং প্রিটিয়ার একক উদ্ধৃতির জন্য চেকবক্সটি ক্লিক করুন।
কোডি

4
এটি আমার জন্য কাজ না করে, quote_type = single[*.myDesiredFileExtension]মধ্যে অধ্যায় .editorconfigফাইল, সমাধান ছিল।
নিঃসঙ্গ

82

ওয়েল, লোক মত (@ user2982122) উল্লিখিত কিন্তু পরিবর্তে ফাইল যান কোড -> পছন্দ -> সেটিংস, তারপর জন্য চেহারা উক্তি নির্বাচন prettier এবং উভয় বক্স চেক

এখানে চিত্র বর্ণনা লিখুন এখানে চিত্র বর্ণনা লিখুন


4
তাদের কার্যকর করার জন্য আপনার কি এই সেটিংগুলি পুনরায় লোড করতে হবে? আমি তাদের উভয় পরীক্ষা করে দেখেছি, তবে আমি যখন আমার .jsx ফাইলটি সংরক্ষণ করি তখন ডাবল উদ্ধৃতিগুলি একক হিসাবে পরিবর্তন হয় না।
জে উডচাক

এটি অদ্ভুত, আমি এই সংস্করণটি ব্যবহার করছি: প্রকাশ 1.14 বিল্ড 1.14.0-17740
মোস্তফা মেখাত্রিয়া

58

প্রকল্পগুলির জন্য যা .editorconfigডিফল্টরূপে ফাইল ব্যবহার করে। বিন্যাসটি সেটিংসের নিয়মগুলিকে উপেক্ষা করবে এবং এতে বিধিগুলি ব্যবহার করবে .editorconfig, তারপরে আপনি যা করতে পারেন:

  • .editorconfigফাইল সরান , এবং আপনার ভিএসকোড সেটিংস ব্যবহার করুন।
  • যোগ quote_type = singleকরার জন্য .editorconfigআপনার ফাইল টাইপ সংক্রান্ত ফাইল। আপনি quote_typeমান সেট করতে পারেন doubleবা auto

4
আমি এটি করেছি এবং আমি বিশ্বব্যাপী এডিটর কনফিগ ইনস্টল করেছি বা ভিএস কোডের জন্য সম্পাদককনফিগের বিরুদ্ধে মামলা করার চেষ্টা করি তা নির্বিশেষে কাজ করে না। :(
একারলস্টেইন

ধন্যবাদ, আমার কৌণিক অ্যাপ্লিকেশনটি .editorconfigডিফল্টরূপে ব্যবহার করে (এটি জানেন না) এবং আপনার সমাধানটি আমার সমস্যার সমাধান করেছে
benshabatnoam

দয়া করে বিবেচনা করুন: .editorconfigএটি যদি কোনও সাধারণ সংস্করণযুক্ত প্রকল্প হয় তবে আপনি মুছতে পারবেন না
একাকী

36

দেখে মনে হচ্ছে এটি এই সমস্যার জন্য একটি বাগ খোলা রয়েছে: প্রিটিয়ার বাগ

উপরের কোনও সমাধানই আমার পক্ষে কাজ করেনি। প্যাকেজ.জসনে কোডের এই লাইনটি যুক্ত করে কেবল কাজ করা হয়েছিল:

"prettier": {
    "singleQuote": true
  },

30

ভয়েজ / ভেটর ইস্যু পৃষ্ঠা থেকে https://github.com/vuejs/vetur/issues/986# এই সমাধানটি আমার পক্ষে কাজ করেছে।

ভিএসকোড settings.jsonফাইলটিতে এই এন্ট্রি যুক্ত করুন

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},


12

সঠিক সমাধান:

আমি আমার মূল মূল প্রকল্পে। ব্যাখ্যাটিআরকি.জেএস ফাইল যুক্ত করে লিখি

module.exports = {
    singleQuote: true
  };

আমি এটি চেষ্টা করেছিলাম তবে এটি একটি ত্রুটি ছুঁড়ে ফেলেছে: "ESLint:" ডিফল্ট / কনফিগারেশন / এসলিন্ট "এর থেকে প্রসারিত করতে লোড করতে ব্যর্থ" " প্যাকেজ.জসনে এটি যুক্ত করা ভাল। সমাধান
আজজল সাকাজ

আপনি কি আপনার। ব্যাখ্যাটিআরসি.জেএস ফাইলটি প্রকল্পের মূলটিতে রেখেছেন?
ওমর হাসান

8

আমার মতো নবাগতদের জন্য:

শীর্ষে মেনু নাভ বার থেকে: ফাইল -> পছন্দ -> সেটিংস নির্বাচন করুন। অনুসন্ধান পাঠ্য বাক্সে, উদ্ধৃতিটি টাইপ করুন নীচে প্রদর্শিত ফিল্টার তালিকায়, গিয়ার আইকন এবং তার পাশের সন্ধান করুন - "প্রিটিয়ার"। "প্রাইটিয়ার: সিঙ্গল কোট" সক্ষম করতে চেক বক্সে ক্লিক করুন


7

আপনার ভিএসকোড settings.jsonফাইলে প্রিটিয়ার এক্সটেনশন ইনস্টল করুন এবং নীচের কোডটি পেস্ট করুন

 "prettier.useEditorConfig": false,
 "prettier.singleQuote": true

এটি আপনার .editorconfigফাইল সেটিং উপেক্ষা করবে ।


6

@ অ্যাটডোনা দ্বারা উল্লিখিত হিসাবে ভেটুর এক্সটেনশনে প্রাক্টির রয়েছে।

আপনি গ্রহণযোগ্য উত্তর অনুসারে প্রিটিয়ার সেটিংস পরিবর্তন করতে পারবেন, আপনি কোনও মান উপাদানটির নির্দিষ্ট অঞ্চলের জন্য ফর্ম্যাটরটিও পরিবর্তন করতে পারবেন।

এখানে, উদাহরণস্বরূপ, আমি ভেটুরকে vscode- টাইপস্ক্রিপ্ট ফর্ম্যাটারটি ব্যবহার করতে সেট করেছি কারণ এটি ডিফল্টরূপে একক উদ্ধৃতি ব্যবহার করে:

vscode ভেটর সেটিংস


6

আমি টাইপ স্ক্রিপ্ট ব্যবহার করছি, আমার জন্য এটি প্রিটিয়ার সেটিংসের (ভিএসকোড পছন্দসমূহে) "স্লিন্ট ইন্টিগ্রেশন" পতাকাটি পরীক্ষা করে সমাধান হয়েছে:

ডাবল উদ্ধৃতি অটো ফর্ম্যাটিংয়ের সমস্যা স্থির করে প্রিটিয়ের জন্য vscode সেটিংস


github.com/microsoft/vscode/issues/21424#issuecomment-282524286 - এটি কখন / কোথায় এটি ভিএসকোডে গেছে
স্যাম

6

আমি vscode এ একই সমস্যা ছিল। আপনার রুট ডিরেক্টরিতে কেবল একটি। ব্যাখ্যাটিআরসি ফাইল তৈরি করুন এবং নিম্নলিখিত জসন যুক্ত করুন। একক উদ্ধৃতি যোগ করুন:

{
  "singleQuote": true
}

ডাবল উদ্ধৃতি যোগ করুন:

  {
      "singleQuote": false
  }

6

এই সমাধানগুলির মধ্যে একটি ব্যবহার করে দেখুন

  1. Vscode settings.json ফাইল এ এই এন্ট্রি যুক্ত করুন "prettier.singleQuote": true
  2. Vscode এ আপনার কাছে .editorconfigফাইল থাকলে, এই লাইনটি মূল [*] চিহ্নের নীচে যুক্ত করুনquote_type = single
  3. Vscode এ আপনার কাছে .prettierrcফাইল থাকলে এই লাইনটি যুক্ত করুন
{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

4
দ্বিতীয় বিকল্পটি কাজ করেছে, দুর্ভাগ্যক্রমে এই পৃষ্ঠার অন্যান্য উত্তরগুলি কাজ করে না
মো।

5

কেবলমাত্র সমাধানটি আমার পক্ষে কাজ করেছে: এবং কেবল কৌণিক প্রকল্পগুলির জন্য:

কেবলমাত্র আপনার প্রকল্প ".editorconfig" ফাইলটিতে যান এবং 'quotes_type = একক' পেস্ট করুন। আশা করি এটিও আপনার পক্ষে কাজ করবে।


4

আমি .prettierrcআমার প্রকল্প ফোল্ডারে কল করা ফাইল যুক্ত করেছি। ফাইল সামগ্রী:

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}




1

এটি আমার জন্য প্রেটিয়ারে একক উক্তিও পরীক্ষা করতে কাজ করে tslint.autoFixOnSave হিসাবে সত্য সংরক্ষণ করুন

এখানে চিত্র বর্ণনা লিখুন

এখানে চিত্র বর্ণনা লিখুন

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.