Kod Dalam Talian ke Alat Penukar Coretan, Sokong JavaScript / TypeScript / React / JSX / TSX      

Sila masukkan nama coretan (name)
Sila masukkan awalan coretan (prefix)
Sila masukkan huraian coretan (description)
Sila masukkan teks kod (code body)
Jenis Penjanaan
Hasil Coretan Dijana

VSCode Cara menggunakan coretan kod


Snippets in Visual Studio Code
Coretan Kod VS ialah cara yang berkesan untuk meningkatkan produktiviti pengekodan anda dengan mengautomasikan pemasukan blok kod yang biasa digunakan. Ia boleh menjadi pengembangan teks ringkas atau templat yang lebih kompleks dengan ruang letak dan pembolehubah. Inilah cara untuk memanfaatkannya:

Mencipta Coretan:

Akses Tetapan Coretan: Pergi ke Fail > Keutamaan > Coretan Pengguna (Kod > Keutamaan > Coretan Pengguna pada macOS). Sebagai alternatif, gunakan palet arahan (Ctrl+Shift+P atau Cmd+Shift+P) dan taipkan "Preferences: Configure User Snippet".

Pilih Bahasa: Anda akan digesa untuk memilih bahasa untuk coretan anda (cth., javascript.json, python.json, dsb.). Ini memastikan coretan hanya tersedia untuk bahasa tertentu itu. Anda juga boleh membuat fail "Snippet Global" jika anda mahu coretan itu boleh diakses merentas semua bahasa.

Tentukan Coretan: Coretan ditakrifkan dalam format JSON. Setiap coretan mempunyai nama, awalan (pintasan yang anda akan taip untuk mencetuskan coretan), badan (kod yang akan disisipkan) dan perihalan pilihan.

Contoh (JavaScript):
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
Dalam contoh ini:

"Untuk Gelung": Nama coretan (untuk rujukan anda).
"forl": Awalan. Menaip "forl" dan menekan Tab akan memasukkan coretan.
"body": Kod untuk dimasukkan. $1, $2, dsb. ialah hentian tab (pemegang tempat). $0 ialah kedudukan kursor terakhir.
"description": Penerangan pilihan ditunjukkan dalam cadangan IntelliSense.
Menggunakan Coretan:

Taip Awalan: Dalam fail jenis bahasa yang betul, mulakan taip awalan yang anda takrifkan (cth., forl).

Pilih Coretan: VS Code's IntelliSense akan mencadangkan coretan. Pilihnya dengan kekunci anak panah atau dengan mengklik.

Gunakan Tabstops: Tekan Tab untuk menavigasi antara tabstops ($1, $2, dsb.) dan isikan nilai.

Pembolehubah:

Coretan juga boleh menggunakan pembolehubah seperti $TM_FILENAME, $CURRENT_YEAR, dsb. Untuk senarai penuh, lihat dokumentasi Kod VS.

Contoh dengan Pembolehubah (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}"
    ]
  }
}
Dengan menguasai coretan, anda boleh mengurangkan penaipan berulang dengan ketara dan memastikan konsistensi dalam kod anda. Eksperimen dengan mencipta coretan anda sendiri untuk corak kod yang biasa digunakan dan saksikan kecekapan pengekodan anda melonjak.