Lewati ke konten
🛠️ToolsShed

VS Code Snippet Generator

Buat snippet VS Code kustom dengan tabstop, placeholder, dan syntax variabel untuk bahasa apa pun.

Gunakan $1, $2 untuk tabstop; ${1:placeholder} untuk nilai default; $0 untuk kursor akhir

{
  "My Snippet": {
    "prefix": "mysnippet",
    "body": [
      "console.log($1);"
    ],
    "description": ""
  }
}

Tentang alat ini

Cuplikan VS Code adalah blok kode yang dapat digunakan kembali yang diperluas dari pintas keyboard, mempercepat pengembangan secara dramatis dengan mengurangi pengetikan berulang. Daripada menulis kode boilerplate secara manual setiap kali Anda membutuhkannya, Anda menentukan cuplikan sekali dengan posisi pengganti yang ditandai dengan tab, dan kemudian dapat memanggilnya secara instan dengan mengetikkan prefiks pendek. Cuplikan penting bagi pengembang mana pun yang serius—mereka menghemat jam pengetikan, mengurangi kesalahan ketik, dan menerapkan pola pengkodean yang konsisten di semua proyek Anda.

Generator Cuplikan VS Code ini mengubah kode Anda menjadi sintaks cuplikan yang tepat dengan dukungan penuh untuk tab ($1, $2, $3), pengganti untuk teks opsional, dan variabel VS Code seperti $TM_FILENAME atau $CURRENT_YEAR. Cukup tempel blok kode Anda ke field Body, tandai tempat kursor harus melompat dengan $1 (henti pertama), $2 (henti kedua), dan seterusnya, tentukan Prefix pendek (teks pemicu yang akan Anda ketik), berikan nama pada cuplikan Anda dan Deskripsi opsional, lalu buat JSON lengkapnya. Anda dapat menyalin output dan menyimpannya ke file snippets.json di folder cuplikan pengguna VS Code Anda.

Cuplikan yang dihasilkan berfungsi dalam bahasa apa pun—atur Ruang Lingkup agar sesuai dengan tipe file Anda (JavaScript, Python, Go, dll.) atau biarkan sebagai "All Languages" untuk ketersediaan universal. Tab dan variabel sangat kuat: $1 membuat henti kursor pertama setelah ekspansi, $0 menandai posisi akhir, dan ekspresi seperti ${1:defaultText} memberikan teks default jika Anda tidak menggantinya. Alat ini ideal untuk pengembang yang membangun perpustakaan cuplikan khusus, membuat template kode di seluruh tim, atau mengotomatiskan pola yang sering terjadi seperti tanda tangan fungsi, boilerplate HTML, atau struktur panggilan API.

Pertanyaan yang Sering Diajukan

Implementasi Kode

import json

def generate_vscode_snippet(
    name: str,
    prefix: str,
    body: list[str],
    description: str = "",
    scope: str = ""
) -> dict:
    snippet = {
        name: {
            "prefix": prefix,
            "body": body,
            "description": description,
        }
    }
    if scope:
        snippet[name]["scope"] = scope
    return snippet

# Example: Python class snippet
snippet = generate_vscode_snippet(
    name="Python Class",
    prefix="cls",
    body=[
        "class ${1:ClassName}:",
        "    def __init__(self${2:, args}):",
        "        ${3:pass}",
        "",
        "    def __repr__(self):",
        "        return f"${1:ClassName}(${4:fields})"",
    ],
    description="Create a Python class with __init__ and __repr__",
    scope="python"
)

print(json.dumps(snippet, indent=4))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.