ఆన్‌లైన్ కోడ్ టు స్నిప్పెట్ కన్వర్టర్ సాధనం, జావాస్క్రిప్ట్ / టైప్‌స్క్రిప్ట్ / రియాక్ట్ / JSX / TSX మద్దతు      

దయచేసి స్నిప్పెట్ పేరును నమోదు చేయండి (name)
దయచేసి స్నిప్పెట్ ఉపసర్గను నమోదు చేయండి (prefix)
దయచేసి స్నిప్పెట్ వివరణను నమోదు చేయండి (description)
దయచేసి కోడ్ వచనాన్ని నమోదు చేయండి (code body)
జనరేషన్ రకం
రూపొందించిన స్నిప్పెట్ ఫలితం

VSCode కోడ్ స్నిప్పెట్‌లను ఎలా ఉపయోగించాలి


Snippets in Visual Studio Code
VS కోడ్ స్నిప్పెట్‌లు సాధారణంగా ఉపయోగించే కోడ్ బ్లాక్‌ల చొప్పింపును ఆటోమేట్ చేయడం ద్వారా మీ కోడింగ్ ఉత్పాదకతను పెంచడానికి శక్తివంతమైన మార్గం. అవి సాధారణ టెక్స్ట్ విస్తరణలు లేదా ప్లేస్‌హోల్డర్‌లు మరియు వేరియబుల్‌లతో మరింత సంక్లిష్టమైన టెంప్లేట్‌లు కావచ్చు. వాటిని ఎలా ప్రభావితం చేయాలో ఇక్కడ ఉంది:

స్నిప్పెట్‌లను సృష్టిస్తోంది:

స్నిప్పెట్ సెట్టింగ్‌లను యాక్సెస్ చేయండి: ఫైల్ > ప్రాధాన్యతలు > వినియోగదారు స్నిప్పెట్‌లు (కోడ్ > ప్రాధాన్యతలు > macOSలో వినియోగదారు స్నిప్పెట్‌లు)కి వెళ్లండి. ప్రత్యామ్నాయంగా, కమాండ్ పాలెట్ (Ctrl+Shift+P లేదా Cmd+Shift+P) ఉపయోగించండి మరియు "ప్రాధాన్యతలు: వినియోగదారు స్నిప్పెట్‌లను కాన్ఫిగర్ చేయండి" అని టైప్ చేయండి.

భాషను ఎంచుకోండి: మీ స్నిప్పెట్ (ఉదా., javascript.json, python.json, మొదలైనవి) కోసం భాషను ఎంచుకోమని మీరు ప్రాంప్ట్ చేయబడతారు. ఇది నిర్దిష్ట భాషకు మాత్రమే స్నిప్పెట్ అందుబాటులో ఉందని నిర్ధారిస్తుంది. మీరు స్నిప్పెట్‌ని అన్ని భాషల్లో యాక్సెస్ చేయాలనుకుంటే "గ్లోబల్ స్నిప్పెట్స్" ఫైల్‌ను కూడా సృష్టించవచ్చు.

స్నిప్పెట్‌ను నిర్వచించండి: స్నిప్పెట్‌లు JSON ఆకృతిలో నిర్వచించబడ్డాయి. ప్రతి స్నిప్పెట్‌కు ఒక పేరు, ఉపసర్గ (స్నిప్పెట్‌ని ట్రిగ్గర్ చేయడానికి మీరు టైప్ చేసే సత్వరమార్గం), ఒక శరీరం (చొప్పించాల్సిన కోడ్) మరియు ఐచ్ఛిక వివరణ ఉంటుంది.

ఉదాహరణ (జావాస్క్రిప్ట్):
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
ఈ ఉదాహరణలో:

"ఫర్ లూప్": స్నిప్పెట్ పేరు (మీ సూచన కోసం).
"forl": ఉపసర్గ. "forl" అని టైప్ చేసి, ట్యాబ్ నొక్కితే స్నిప్పెట్ చొప్పించబడుతుంది.
"body": చొప్పించాల్సిన కోడ్. $1, $2, మొదలైనవి ట్యాబ్‌స్టాప్‌లు (ప్లేస్‌హోల్డర్‌లు). $0 అనేది చివరి కర్సర్ స్థానం.
"description": IntelliSense సూచనలలో చూపబడిన ఐచ్ఛిక వివరణ.
స్నిప్పెట్‌లను ఉపయోగించడం:

ఉపసర్గను టైప్ చేయండి: సరైన భాష రకం ఫైల్‌లో, మీరు నిర్వచించిన ఉపసర్గను టైప్ చేయడం ప్రారంభించండి (ఉదా., forl).

స్నిప్పెట్‌ను ఎంచుకోండి: VS కోడ్ యొక్క IntelliSense స్నిప్పెట్‌ను సూచిస్తుంది. బాణం కీలతో లేదా క్లిక్ చేయడం ద్వారా దాన్ని ఎంచుకోండి.

ట్యాబ్‌స్టాప్‌లను ఉపయోగించండి: ట్యాబ్‌స్టాప్‌ల మధ్య నావిగేట్ చేయడానికి ట్యాబ్‌ను నొక్కండి ($1, $2, మొదలైనవి) మరియు విలువలను పూరించండి.

వేరియబుల్స్:

స్నిప్పెట్‌లు $TM_FILENAME, $CURRENT_YEAR మొదలైన వేరియబుల్‌లను కూడా ఉపయోగించగలవు. పూర్తి జాబితా కోసం, VS కోడ్ డాక్యుమెంటేషన్‌ని చూడండి.

వేరియబుల్స్‌తో ఉదాహరణ (పైథాన్):
{
  "New Python File": {
    "prefix": "newpy",
    "body": [
      "#!/usr/bin/env python3",
      "# -*- coding: utf-8 -*-",
      "",
      "# ${TM_FILENAME}",
      "# Created by: ${USER} on ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}"
    ]
  }
}
స్నిప్పెట్‌లను మాస్టరింగ్ చేయడం ద్వారా, మీరు పునరావృత టైపింగ్‌ను గణనీయంగా తగ్గించవచ్చు మరియు మీ కోడ్‌లో స్థిరత్వాన్ని నిర్ధారించుకోవచ్చు. సాధారణంగా ఉపయోగించే కోడ్ నమూనాల కోసం మీ స్వంత స్నిప్పెట్‌లను రూపొందించడంలో ప్రయోగాలు చేయండి మరియు మీ కోడింగ్ సామర్థ్యాన్ని పెంచడాన్ని చూడండి.