কীভাবে ভিএসকোডে কাস্টম কোড স্নিপেট যুক্ত করবেন?


100

ভিজ্যুয়াল স্টুডিও কোডে কাস্টম কোড স্নিপেট যুক্ত করা সম্ভব? এবং যদি তা হয়, কিভাবে? ভিএসকোড পরমাণুর উপর ভিত্তি করে, তাই এটি সম্ভব হওয়া উচিত।



4
আপনার কাছে পছন্দসমূহ> ব্যবহারকারী বন্ধকৃত ফিরে যেতে পারেন, এবং তারপর আপনি যে ভাষায় একটি স্নিপেট তৈরি করতে চান তা নির্বাচন করুন।
Amituuush

সত্যিই অ্যাটম যেমন বনাম কোড মধ্যে একটি সম্পর্ক আছে কি ব্যতীত অন্য যে তারা ফণা অধীনে উভয় ব্যবহার ইলেকট্রন?
স্কেলিয়াম

এটি করার জন্য কোডেসনিপেট পরিষেবা ব্যবহার করুন । আপনি কাস্টম স্নিপেটগুলি তৈরি করতে, কোড এবং স্নিপেট ক্লিপটি একবারে একবারে সার্ভার থেকে টেনে এডিট এবং সিঙ্ক করতে পারেন!
ব্যবহারকারী 13428826

আমি বর্ণনায় একটি ওয়েবপৃষ্ঠা লিঙ্ক যুক্ত করতে চাই, কেউ কীভাবে এটি করতে জানেন?
জানু

উত্তর:


116
  1. হিট> shift+ command+ pএবং স্নিপেট টাইপ করুন
  2. পছন্দসমূহ নির্বাচন করুন : ব্যবহারকারী স্নিপেটগুলি খুলুন
  3. আপনি যে ভাষাটির জন্য কাস্টম স্নিপেট যুক্ত করতে চান তা চয়ন করুন
  4. vscode- এ বর্ণিত যেমন একটি স্নিপেট কীভাবে যুক্ত করতে হয় সে সম্পর্কে ব্যাখ্যা করতে মন্তব্য রয়েছে:> vsdoc

বলি, আমরা জিও ভাষার জন্য কাস্টম স্নিপেটগুলি খুলতে চাই। তারপরে আমরা এটি করতে পারি:

  1. হিট> command+p
  2. প্রকার: go.json + enterএবং আপনি কাস্টম স্নিপেট পৃষ্ঠায় অবতরণ করুন

স্নিপেটগুলি একটি JSON ফর্ম্যাটে সংজ্ঞায়িত করা হয়েছে এবং প্রতি ব্যবহারকারী (ভাষাআইডি) .জসন ফাইলে সংরক্ষণ করা হয়। উদাহরণস্বরূপ, মার্কডাউন স্নিপেটগুলি একটি মার্কডাউন.জসন ফাইলে যায়।


নতুন সরঞ্জামগুলি আপডেট করুন:
স্নিপেট জেনারেটর সাইট: https://snippet-generator.app/


4
স্নিপেট জেনারেটর খুব সহায়ক
রেনভার্সন

68

বিকল্প - 1 এখানে একটি ভিসকোড প্লাগইন রয়েছে: স্নিপেট স্রষ্টা ..

এটি ইনস্টল করার পরে, আপনাকে যা করতে হবে তা হ'ল:

  1. আপনি যে কোডটি স্নিপেট করতে চান তা নির্বাচন করুন।
  2. এটিতে ডান ক্লিক করুন এবং "কমান্ড প্যালেট" (বা Ctrl+ Shift+ P) নির্বাচন করুন।
  3. "স্নিপেট তৈরি করুন" লিখুন।
  4. আপনার স্নিপেট শর্টকাটটি ট্রিগার করতে দেখার ধরণের ফাইলগুলি চয়ন করুন।
  5. একটি স্নিপেট শর্টকাট চয়ন করুন।
  6. একটি স্নিপেট নাম চয়ন করুন।

বিকল্প - 2 এই ওয়েবসাইট চেক করুন । আপনি বনাম কোড, উত্সব পাঠ্য এবং পরমাণুর জন্য স্নিপেট তৈরি করতে পারেন।

এই সাইটে একবার স্নিপেট তৈরি করা হচ্ছে। সম্পর্কিত IDE এর স্নিপেট ফাইল যান এবং এটি পেস্ট করুন। উদাহরণস্বরূপ, ভিএস কোডে জেএস স্নিপেটের জন্য ফাইল-> অগ্রাধিকার-> ব্যবহারকারীর স্নিপেট যান তারপরে এটি জাভাস্ক্রিপ্ট.জসন ফাইলটি খোলে তার উপরের সাইট থেকে এই স্নিপেট কোডটি পেস্ট করুন এবং আমরা যেতে ভাল।


8
এটি এমন দুর্দান্ত সরঞ্জাম! আমি প্রতিটি লাইনে উদ্ধৃতি দিতে এবং পালাতে একটি কাস্টম এইচটিএমএল বয়লারপ্লেট স্নিপেট লিখতে পারি না, সুতরাং এটিই আমি উত্তরটি খুঁজছিলাম really

4
সিরিয়াসলি, এখানে লাইফসেভার।
জেরেমিডাব্লু

বাহ এটি দুর্দান্ত সরঞ্জামটি নিখুঁতভাবে কাজ করেছে। সঠিক উত্তর হিসাবে চিহ্নিত করা উচিত
স্টেফানবোবি

স্নিপেট জেনারেটরের লিঙ্কটি নষ্ট হয়ে গেছে। দয়া করে এই লিঙ্কটি অনুসরণ করুন: স্নিপেট- জেনারেটর.অ্যাপ
সন্দীপ সুবেদী

4
আপনি কেন পদক্ষেপ 1 এবং পদক্ষেপ 2 লিখেছেন? এটি বিকল্প 1 এবং বিকল্প 2 এর মতো আরও অনুভব করে, বা তারা কি সম্পর্কিত?
Xsmael

26

সংস্করণ 0.10.6 হিসাবে আপনি কাস্টম স্নিপেটগুলি যুক্ত করতে পারেন। আপনার নিজের স্নিপেট তৈরি করার জন্য ডকুমেন্টেশন পড়ুন । আপনি জসন ফাইলটি রেখে কাস্টম স্নিপেটগুলি সন্ধান / তৈরি করতে পারেন C:\Users\<yourUserName>\AppData\Roaming\Code\User\snippets। উদাহরণস্বরূপ, একটি কাস্টম জাভাস্ক্রিপ্ট স্নিপেটগুলি একটিতে হবে\snippets\javascript.json

আপনি আপনার স্নিপেটগুলি প্রকাশ করতে পারেন যা সত্যই ঝরঝরে বৈশিষ্ট্য। জন পাপা একটি দুর্দান্ত কৌণিক + টাইপ স্ক্রিপ্ট স্নিপেট তৈরি করেছেন যা আপনি বাজারে এক্সটেনশন হিসাবে ডাউনলোড করতে পারেন ।

লুপের জন্য জাভাস্ক্রিপ্টে ডকুমেন্টেশনের জন্য নেওয়া একটি উদাহরণ স্নিপেট এখানে রয়েছে:

"For Loop": {
    "prefix": "for",
    "body": [
        "for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
        "\tvar ${element} = ${array}[${index}];",
        "\t$0",
        "}"
    ],
    "description": "For Loop"
},

কোথায়

  • For Loop স্নিপেট নাম
  • prefixইন্টেলিজেন্স ড্রপ ডাউনে ব্যবহৃত একটি উপসর্গ নির্ধারণ করে। এই ক্ষেত্রে।
  • bodyস্নিপেট কন্টেন্ট হয়। সম্ভাব্য ভেরিয়েবলগুলি হ'ল:
    • ট্যাব স্টপগুলির জন্য $ 1, $ 2
    • vari {id} এবং $} ID: লেবেল {এবং vari} 1: লেবেল vari ভেরিয়েবলের জন্য
    • একই আইডি সহ চলকগুলি সংযুক্ত রয়েছে are
  • description ইন্টেলিজেন্স ড্রপ ডাউনে ব্যবহৃত বর্ণনাটি

6
তাদের সত্যই কোনও ধরণের মাল্টি-লাইন স্ট্রিং আক্ষরিক বাক্য গঠন বা একটি পৃথক ফাইলে শরীরের টান দেওয়ার একটি উপায় প্রয়োজন। প্রতি একক লাইনকে উদ্ধৃত করা এবং পলায়ন করা ক্র্যাজ।
মার্ক উইলবার

এই উত্তরে ডাউন ভোটের জন্য দুঃখিত, এটি ছিল দুর্বৃত্ত ক্লিক 🙄
গাইলস বাটলার

16

আপনি একটি দ্রুত সংক্ষিপ্ত টিউটোরিয়ালের জন্য এই ভিডিওটি দেখতে পারেন

https://youtu.be/g1ouTcFxQSU

যান ফাইল -> পছন্দ -> ব্যবহারকারী বন্ধকৃত । আপনার পছন্দসই ভাষা নির্বাচন করুন।
লুপ স্নিপেটের জন্য এখন নিম্নলিখিত কোডটি টাইপ করুন:

  "Create for loop":{
    "prefix": "for",
    "body":[
      "for(int i = 0; i < 10; i++)",
      "{",
      "   //code goes here",
      "}"
    ],
   "description": "Creates a for loop"
  }

তুমি পেরেছ.
সম্পাদকটিতে "জন্য" টাইপ করুন এবং প্রথম পূর্বাভাস ব্যবহার করুন।

শর্টকাট--

  1. স্নিপেট-ক্রিয়েটর এক্সটেনশন ইনস্টল করুন ।
  2. আপনার স্নিপেট তৈরি করার জন্য প্রয়োজনীয় কোডটি হাইলাইট করুন
  3. কমান্ড প্যালেটটিতে ctrl+ shift+ চাপুন Pএবং "স্নিপেট তৈরি করুন" টাইপ করুন এবং ENTER টিপুন।
  4. যে ভাষাটির জন্য আপনি স্নিপেট তৈরি করতে চান তা নির্বাচন করুন (যেমন: -CPP), তারপরে
    স্নিপেটের নাম টাইপ করুন, স্নিপেট শর্টকাট টাইপ করুন এবং তারপরে স্নিপেটের বিবরণ টাইপ করুন।
    আপনি এখন যেতে ভাল।
    আপনি যে ধাপে ৪ র্থ পদক্ষেপে প্রবেশ করেছিলেন সেই স্নিপেট শর্টকাট টাইপ করুন এবং
    পূর্বাভাসটি নির্বাচন করুন (যদি কোনও ভবিষ্যদ্বাণী না আসে তবে ctrl + স্পেস টিপুন) যা প্রথমে আসে।

আশাকরি এটা সাহায্য করবে :)

দ্রষ্টব্য: Goo ফাইল-> পছন্দসমূহ-> ব্যবহারকারীর স্নিপেটস। তারপরে আপনি যে ভাষায়
স্নিপেট তৈরি করেছেন তা নির্বাচন করুন । আপনি সেখানে স্নিপেট পাবেন।


9

এখানে একটি ভিসকোড প্লাগইন রয়েছে: স্নিপেট স্রষ্টা ..

এটি ইনস্টল করার পরে, আপনাকে যা করতে হবে তা হ'ল:

  1. আপনি যে কোডটি স্নিপেট করতে চান তা নির্বাচন করুন।
  2. এটিতে ডান ক্লিক করুন এবং "কমান্ড প্যালেট" (বা Ctrl+ Shift+ P) নির্বাচন করুন।
  3. "স্নিপেট তৈরি করুন" লিখুন।
  4. আপনার স্নিপেট শর্টকাটটি ট্রিগার করতে দেখার ধরণের ফাইলগুলি চয়ন করুন।
  5. একটি স্নিপেট শর্টকাট চয়ন করুন।
  6. একটি স্নিপেট নাম চয়ন করুন।

এখানেই শেষ ..

নোট: আপনি আপনার স্নিপেটগুলি সম্পাদনা করতে চান, আপনি সেগুলিকে [filetype] .json পাবেন
উদাহরণ: Ctrl+ + P, তারপর "javascript.json" নির্বাচন করুন


5

আপনি কাস্টম স্ক্রিপ্টগুলি যুক্ত করতে পারেন, এখানে যান File --> Preferences --> User Snippets। আপনার পছন্দসই ভাষা নির্বাচন করুন।

আপনি যদি জাভাস্ক্রিপ্ট চয়ন করেন তবে আপনি এটির জন্য ডিফল্ট কাস্টম স্ক্রিপ্ট দেখতে পাবেন console.log(' ');:

"Print to console": {
    "prefix": "log",
    "body": [
        "console.log('$1');",
        "$2"
    ],
    "description": "Log output to console"
},

5

আমি জাভাস্ক্রিপ্টরেট.জসনে স্নিপেটগুলি যোগ করে চেষ্টা করেছি তবে এটি আমার পক্ষে কার্যকর হয়নি।

আমি গ্লোবাল স্কোপগুলিতে স্নিপেটগুলি যুক্ত করার চেষ্টা করেছি, এবং এটি কবজির মতো কাজ করছে।

FILE --> Preferences --> User snippets

এখানে নির্বাচন করুন New Global Snippets File, নাম জাভাস দিন criptreact.code-snippets

অন্যান্য ভাষার জন্য আপনি [আপনার_ভাষা] .কোড-স্নিপেটের মতো নাম রাখতে পারেন

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


4

এটি এখন পর্যন্ত একটি অননুমোদিত বৈশিষ্ট্য তবে শীঘ্রই আসবে। এখানে একটি ফোল্ডার রয়েছে যা আপনি এগুলিতে যুক্ত করতে পারেন এবং সেগুলি উপস্থিত হবে, তবে এটি পরিবর্তিত হতে পারে (এটি কোনও কারণে স্বাক্ষরিত নয়)।

সেরা পরামর্শ হ'ল এটি ব্যবহারকারীভয়েস সাইটে যুক্ত করা এবং এটির চূড়ান্ত হওয়া পর্যন্ত অপেক্ষা করা। কিন্তু আসছে।



0

আপনি যদি জেএসএন-তে আপনার স্নিপেটগুলি লেখার বিষয়ে আলোচনা না করেন তবে স্নিপস্টারকে দেখুন । কোডটি লেখার সাথে সাথে এটি আপনাকে স্নিপেট লিখতে দেয় - প্রতিটি লাইন উদ্ধৃতিতে আবদ্ধ না করা, অক্ষরগুলি রক্ষা করতে, মেটা সম্পর্কিত তথ্য ইত্যাদি যোগ করতে হবে না etc.

এটি আপনাকে একবার লিখতে, যে কোনও জায়গায় প্রকাশ করতে দেয় । সুতরাং আপনি আপনার স্নিপেটটি ভিএস কোড, পরমাণু এবং সাব্লাইমে আরও ভবিষ্যতে আরও সম্পাদক ব্যবহার করতে পারেন। আরও তথ্য এখানে


0

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

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