Kode Online kanggo Alat Konverter Snippet, Dhukungan JavaScript / TypeScript / React / JSX / TSX      

Mangga ketik jeneng cuplikan (name)
Mangga ketik awalan cuplikan (prefix)
Mangga ketik katrangan cuplikan (description)
Mangga ketik teks kode (code body)
Tipe Generasi
Hasil Snippet sing Digawe

VSCode Cara nggunakake potongan kode


Snippets in Visual Studio Code
VS Code snippets minangka cara sing ampuh kanggo ngedongkrak produktivitas coding kanthi otomatis nglebokake blok kode sing umum digunakake. Bisa dadi ekspansi teks sing prasaja utawa template sing luwih rumit kanthi placeholder lan variabel. Mangkene carane nggunakake:

Nggawe Cuplikan:

Akses Setelan Cuplikan: Bukak File > Preferensi > Cuplikan Panganggo (Kode > Preferensi > Cuplikan Panganggo ing macOS). Utawa, gunakake palet printah (Ctrl + Shift + P utawa Cmd + Shift + P) lan ketik "Preferences: Configure User Snippets".

Pilih Basa: Sampeyan bakal dijaluk milih basa kanggo cuplikan (contone, javascript.json, python.json, lsp). Iki njamin cuplikan mung kasedhiya kanggo basa tartamtu kasebut. Sampeyan uga bisa nggawe file "Global Snippet" yen sampeyan pengin cuplikan bisa diakses ing kabeh basa.

Netepake Snippet: Snippet ditetepake ing format JSON. Saben cuplikan nduweni jeneng, ater-ater (trabasan sing sampeyan ketik kanggo micu cuplikan), awak (kode sing bakal dilebokake), lan deskripsi opsional.

Tuladha (JavaScript):
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
Ing conto iki:

"Kanggo Loop": Jeneng snippet (kanggo referensi).
"forl": Ater-ater. Ngetik "forl" lan menet Tab bakal nglebokake potongan kasebut.
"awak": Kode kanggo masang. $1, $2, lan sapiturute iku tabstops (placeholders). $0 minangka posisi kursor pungkasan.
"deskripsi": Katrangan opsional sing ditampilake ing saran IntelliSense.
Nggunakake Snippet:

Ketik Ater-ater: Ing file saka jinis basa sing bener, wiwiti ngetik awalan sing ditetepake (contone, forl).

Pilih Snippet: VS Code's IntelliSense bakal menehi saran potongan kasebut. Pilih nganggo tombol panah utawa kanthi ngeklik.

Gunakake Tabstops: Pencet Tab kanggo navigasi antarane tabstops ($1, $2, etc.) lan isi ing nilai.

Variabel:

Cuplikan uga bisa nggunakake variabel kaya $TM_FILENAME, $CURRENT_YEAR, lsp. Kanggo dhaptar lengkap, deleng dokumentasi Kode VS.

Conto karo Variabel (Python):
{
  "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}"
    ]
  }
}
Kanthi nguwasani snippet, sampeyan bisa nyuda ketik sing bola-bali kanthi signifikan lan njamin konsistensi kode sampeyan. Eksperimen karo nggawe cuplikan dhewe kanggo pola kode sing umum digunakake lan nonton efisiensi coding sampeyan mundhak.