Online Code to Snippet Converter Tool, ຮອງຮັບ JavaScript / TypeScript / React / JSX / TSX
VS Code snippet ເປັນວິທີທີ່ມີປະສິດທິພາບໃນການເພີ່ມປະສິດທິພາບການເຂົ້າລະຫັດຂອງທ່ານໂດຍການອັດຕະໂນມັດການໃສ່ຕົວບລັອກທີ່ໃຊ້ທົ່ວໄປ. ພວກເຂົາສາມາດເປັນຕົວຂະຫຍາຍຂໍ້ຄວາມທີ່ງ່າຍດາຍຫຼືແມ່ແບບທີ່ສັບສົນຫຼາຍກັບຕົວຍຶດແລະຕົວແປ. ນີ້ແມ່ນວິທີທີ່ຈະໃຊ້ພວກມັນ:
ການສ້າງສະນິບເພັດ:
ເຂົ້າເຖິງ Snippet Settings: ໄປທີ່ File > Preferences > User Snippets (Code > Preferences > User Snippets on macOS). ອີກທາງເລືອກ, ໃຊ້ແຖບຄໍາສັ່ງ (Ctrl+Shift+P ຫຼື Cmd+Shift+P) ແລະພິມ "Preferences: Configure User Snippets".
ເລືອກພາສາ: ທ່ານຈະຖືກເຕືອນໃຫ້ເລືອກພາສາສໍາລັບ snippet ຂອງທ່ານ (ເຊັ່ນ: javascript.json, python.json, ແລະອື່ນໆ). ນີ້ເຮັດໃຫ້ແນ່ໃຈວ່າ snippet ສາມາດໃຊ້ໄດ້ສໍາລັບພາສາສະເພາະນັ້ນ. ນອກນັ້ນທ່ານຍັງສາມາດສ້າງໄຟລ໌ "Global Snippets" ຖ້າທ່ານຕ້ອງການໃຫ້ຂໍ້ມູນຍ່ອຍສາມາດເຂົ້າເຖິງໄດ້ໃນທຸກພາສາ.
ກໍານົດ Snippet: Snippets ຖືກກໍານົດໃນຮູບແບບ JSON. ແຕ່ລະ snippet ມີຊື່, ຄໍານໍາຫນ້າ (ທາງລັດທີ່ທ່ານຈະພິມເພື່ອ trigger snippet), ເນື້ອໃນ (ລະຫັດທີ່ຈະໃສ່), ແລະຄໍາອະທິບາຍທາງເລືອກ.
ຕົວຢ່າງ (JavaScript):
{
"For Loop": {
"prefix": "forl",
"body": [
"for (let i = 0; i < $1; i++) {",
" $0",
"}"
],
"description": "For loop with index"
}
}ໃນຕົວຢ່າງນີ້:
"ສໍາລັບ Loop": ຊື່ຂອງ snippet (ສໍາລັບການອ້າງອິງຂອງທ່ານ).
"forl": ຄໍານໍາຫນ້າ. ການພິມ "forl" ແລະກົດ Tab ຈະໃສ່ snippet.
"body": ລະຫັດທີ່ຈະໃສ່. $1, $2, ແລະອື່ນໆ. ແມ່ນແທັບຢຸດ (ຕົວຍຶດ). $0 ແມ່ນຕຳແໜ່ງເຄີເຊີສຸດທ້າຍ.
"description": ຄໍາອະທິບາຍທາງເລືອກທີ່ສະແດງຢູ່ໃນຄໍາແນະນໍາ IntelliSense.
ການນໍາໃຊ້ Snippets:
ພິມຄໍານໍາຫນ້າ: ໃນໄຟລ໌ຂອງປະເພດພາສາທີ່ຖືກຕ້ອງ, ເລີ່ມພິມຄໍານໍາຫນ້າທີ່ທ່ານກໍານົດ (ເຊັ່ນ: forl).
ເລືອກ Snippet: VS Code's IntelliSense ຈະແນະນໍາ snippet. ເລືອກມັນດ້ວຍປຸ່ມລູກສອນ ຫຼືໂດຍການຄລິກ.
ໃຊ້ Tabstops: ກົດ Tab ເພື່ອນໍາທາງລະຫວ່າງ tabstops ($1, $2, ແລະອື່ນໆ) ແລະຕື່ມຂໍ້ມູນໃສ່.
ຕົວແປ:
Snippets ຍັງສາມາດໃຊ້ຕົວແປເຊັ່ນ $TM_FILENAME, $CURRENT_YEAR, ແລະອື່ນໆ. ສໍາລັບລາຍການເຕັມ, ເບິ່ງເອກະສານ VS Code.
ຕົວຢ່າງກັບຕົວແປ (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}"
]
}
}ໂດຍການສ້າງສະນິບເພັດ, ທ່ານສາມາດຫຼຸດການພິມຊໍ້າໆໄດ້ຢ່າງຫຼວງຫຼາຍ ແລະຮັບປະກັນຄວາມສອດຄ່ອງໃນລະຫັດຂອງທ່ານ. ທົດລອງການສ້າງ snippets ຂອງທ່ານເອງສໍາລັບຮູບແບບລະຫັດທີ່ໃຊ້ທົ່ວໄປແລະສັງເກດເບິ່ງປະສິດທິພາບການເຂົ້າລະຫັດຂອງທ່ານເພີ່ມຂຶ້ນ.