Kòd sou entènèt nan zouti konvètè snippet, sipòte JavaScript / TypeScript / React / JSX / TSX      

Tanpri antre yon non snippet (name)
Tanpri antre yon prefiks snippet (prefix)
Tanpri antre yon deskripsyon snippet (description)
Tanpri antre tèks kòd la (code body)
Kalite jenerasyon
Rezilta snippet pwodwi

VSCode Ki jan yo sèvi ak fragments kòd


Snippets in Visual Studio Code
Fragments VS Kòd yo se yon fason pwisan pou ranfòse pwodiktivite kodaj ou lè w otomatize ensèsyon blòk kòd yo itilize souvan. Yo ka senp ekspansyon tèks oswa modèl ki pi konplèks ak espas ki genyen ak varyab. Men ki jan yo ogmante yo:

Kreye Fragments:

Aksè Anviwònman Fragman: Ale nan File > Preferans > Frag Itilizatè (Kòd > Preferans > Frag Itilizatè sou macOS). Altènativman, sèvi ak palèt lòd la (Ctrl + Shift + P oswa Cmd + Shift + P) epi tape "Preferans: Konfigirasyon Frag itilizatè".

Chwazi yon lang: Y ap mande w pou w chwazi yon lang pou snippet ou a (pa egzanp, javascript.json, python.json, elatriye). Sa asire ke snippet la disponib sèlman pou lang espesifik sa a. Ou ka kreye yon fichye "Global Snippets" tou si ou vle snippet la aksesib nan tout lang.

Defini fragman an: Frag yo defini nan fòma JSON. Chak snippet gen yon non, yon prefiks (rakoursi ou pral tape pou deklanche snippet la), yon kò (kòd la dwe antre), ak yon deskripsyon opsyonèl.

Egzanp (JavaScript):
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
Nan egzanp sa a:

"For Loop": Non snippet la (pou referans ou).
"forl": prefiks la. Tape "forl" epi peze Tab pral mete snippet la.
"body": Kòd pou mete. $1, $2, elatriye se tabstops (placeholders). $0 se pozisyon final la kurseur.
"deskripsyon": Yon deskripsyon opsyonèl ki montre nan sijesyon IntelliSense yo.
Sèvi ak Fragments:

Tape prefiks la: Nan yon fichye ki gen kalite lang ki kòrèk la, kòmanse tape prefiks ou defini a (pa egzanp, forl).

Chwazi fragment la: IntelliSense VS Code a pral sijere fragment la. Chwazi li ak flèch yo oswa klike sou.

Sèvi ak Tabstops: Peze Tab pou navige ant tabstops yo ($1, $2, elatriye) epi ranpli valè yo.

Varyab:

Frag yo kapab itilize tou varyab tankou $TM_FILENAME, $CURRENT_YEAR, elatriye. Pou yon lis konplè, gade dokiman VS Code.

Egzanp ak Varyab (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}"
    ]
  }
}
Lè w metrize fragments, ou ka siyifikativman redwi sezisman repete epi asire konsistans nan kòd ou a. Eksperyans ak kreye pwòp snippets ou pou modèl kòd yo itilize souvan epi gade efikasite kodaj ou ap grandi.