ਸਨਿੱਪਟ ਕਨਵਰਟਰ ਟੂਲ ਲਈ ਔਨਲਾਈਨ ਕੋਡ, JavaScript / TypeScript / React / JSX / TSX ਦਾ ਸਮਰਥਨ ਕਰੋ      

ਕਿਰਪਾ ਕਰਕੇ ਇੱਕ ਸਨਿੱਪਟ ਨਾਮ ਦਾਖਲ ਕਰੋ (name)
ਕਿਰਪਾ ਕਰਕੇ ਇੱਕ ਸਨਿੱਪਟ ਅਗੇਤਰ ਦਾਖਲ ਕਰੋ (prefix)
ਕਿਰਪਾ ਕਰਕੇ ਇੱਕ ਸਨਿੱਪਟ ਵਰਣਨ ਦਾਖਲ ਕਰੋ (description)
ਕਿਰਪਾ ਕਰਕੇ ਕੋਡ ਟੈਕਸਟ ਦਰਜ ਕਰੋ (code body)
ਜਨਰੇਸ਼ਨ ਦੀ ਕਿਸਮ
ਸਨਿੱਪਟ ਨਤੀਜਾ ਤਿਆਰ ਕੀਤਾ ਗਿਆ

VSCode ਕੋਡ ਸਨਿੱਪਟ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ


Snippets in Visual Studio Code
VS ਕੋਡ ਸਨਿੱਪਟ ਆਮ ਤੌਰ 'ਤੇ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਕੋਡ ਬਲਾਕਾਂ ਦੇ ਸੰਮਿਲਨ ਨੂੰ ਸਵੈਚਲਿਤ ਕਰਕੇ ਤੁਹਾਡੀ ਕੋਡਿੰਗ ਉਤਪਾਦਕਤਾ ਨੂੰ ਵਧਾਉਣ ਦਾ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਤਰੀਕਾ ਹੈ। ਉਹ ਪਲੇਸਹੋਲਡਰਾਂ ਅਤੇ ਵੇਰੀਏਬਲਾਂ ਦੇ ਨਾਲ ਸਧਾਰਨ ਟੈਕਸਟ ਵਿਸਤਾਰ ਜਾਂ ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਟੈਂਪਲੇਟ ਹੋ ਸਕਦੇ ਹਨ। ਇੱਥੇ ਉਹਨਾਂ ਦਾ ਲਾਭ ਕਿਵੇਂ ਲੈਣਾ ਹੈ:

ਸਨਿੱਪਟ ਬਣਾਉਣਾ:

ਸਨਿੱਪਟ ਸੈਟਿੰਗਾਂ ਨੂੰ ਐਕਸੈਸ ਕਰੋ: ਫਾਈਲ> ਤਰਜੀਹਾਂ> ਉਪਭੋਗਤਾ ਸਨਿੱਪਟ (ਕੋਡ> ਤਰਜੀਹਾਂ> ਮੈਕੋਸ 'ਤੇ ਉਪਭੋਗਤਾ ਸਨਿੱਪਟ) 'ਤੇ ਜਾਓ। ਵਿਕਲਪਕ ਤੌਰ 'ਤੇ, ਕਮਾਂਡ ਪੈਲੇਟ (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}"
    ]
  }
}
ਸਨਿੱਪਟਾਂ ਵਿੱਚ ਮੁਹਾਰਤ ਹਾਸਲ ਕਰਕੇ, ਤੁਸੀਂ ਦੁਹਰਾਉਣ ਵਾਲੀ ਟਾਈਪਿੰਗ ਨੂੰ ਮਹੱਤਵਪੂਰਨ ਤੌਰ 'ਤੇ ਘਟਾ ਸਕਦੇ ਹੋ ਅਤੇ ਆਪਣੇ ਕੋਡ ਵਿੱਚ ਇਕਸਾਰਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾ ਸਕਦੇ ਹੋ। ਆਮ ਤੌਰ 'ਤੇ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਕੋਡ ਪੈਟਰਨਾਂ ਲਈ ਆਪਣੇ ਖੁਦ ਦੇ ਸਨਿੱਪਟ ਬਣਾਉਣ ਦਾ ਪ੍ਰਯੋਗ ਕਰੋ ਅਤੇ ਆਪਣੀ ਕੋਡਿੰਗ ਕੁਸ਼ਲਤਾ ਨੂੰ ਵਧਦੇ ਹੋਏ ਦੇਖੋ।