วิธีเพิ่มตัวอย่างโค้ดที่กำหนดเองใน Atom

วิธีเพิ่มส่วนย่อยของโค้ดที่กำหนดเองใน Atom: Atom เป็นโปรแกรมแก้ไขโค้ดที่ได้รับความนิยมอย่างมากในด้านการพัฒนาเว็บที่พัฒนาโดย GitHub; Atom ไม่มีแพ็คเกจมากมาย แต่ผู้ใช้ปรับแต่งได้ทุกส่วน

คุณลักษณะตัวอย่างข้อมูลของ Atom สามารถใช้เพื่อทำให้เวิร์กโฟลว์การเขียนโค้ดของคุณง่ายขึ้นและลดงานที่ซ้ำซาก บทความนี้จะแสดงวิธีใช้ส่วนย่อยโค้ดในตัวของ Atom และวิธีสร้างส่วนย่อยที่กำหนดเองของคุณเอง

วิธีเพิ่มส่วนย่อยของโค้ดที่กำหนดเองไปยัง Atom

ค้นหาไฟล์การกำหนดค่า

หากต้องการเพิ่มส่วนย่อยของโค้ดที่คุณกำหนดเองลงใน Atom ก่อนอื่นคุณต้องค้นหาไฟล์การกำหนดค่าที่เรียกว่า snippets.cson ซึ่งเป็นไฟล์ CoffeeScript Object Notation คลิกที่เมนูไฟล์ > ตัวอย่างข้อมูล… ในแถบด้านบน จากนั้น Atom จะเปิดไฟล์ snippets.cson ซึ่งคุณสามารถเพิ่มตัวอย่างข้อมูลที่คุณกำหนดเองได้

ค้นหาขอบเขตที่เหมาะสม

ปุ่ม ชื่อของขอบเขต ชื่อของตัวอย่างข้อมูล คำนำหน้าที่จะทำหน้าที่เป็นตัวจัดการของตัวอย่างข้อมูล เนื้อความของตัวอย่างข้อมูล

หากต้องการค้นหาขอบเขตที่คุณต้องการ ให้คลิกที่เมนูไฟล์ > การตั้งค่า ในแถบเมนูด้านบน จากนั้นค้นหาแท็บแพ็คเกจท่ามกลางการตั้งค่า ที่นี่ ให้ค้นหาขอบเขตที่คุณต้องการ เช่น หากคุณต้องการเพิ่มข้อมูลโค้ดให้กับภาษา HTML ให้พิมพ์ HTML ลงในแถบค้นหา

สร้างข้อมูลโค้ดบรรทัดเดียว

ในการสร้างข้อมูลโค้ดบรรทัดเดียว คุณต้องเพิ่มขอบเขต ชื่อ คำนำหน้า และเนื้อหาของข้อมูลโค้ดในไฟล์ snippets.cson โดยใช้ไวยากรณ์ต่อไปนี้:

สร้าง ส่วนย่อยของโค้ดหลายบรรทัด

ส่วนย่อยของโค้ดหลายบรรทัดใช้ไวยากรณ์ที่แตกต่างกันเล็กน้อย คุณต้องเพิ่มข้อมูลเดียวกันกับข้อมูลโค้ดบรรทัดเดียว — ขอบเขต ชื่อ คำนำหน้า และเนื้อหาของข้อมูลโค้ด

เพิ่มแถบหยุด

คุณสามารถเพิ่มเติม อำนวยความสะดวกในการใช้ข้อมูลโค้ดที่กำหนดเองของคุณโดยเพิ่มแถบหยุดให้กับเนื้อหาข้อมูลโค้ด แท็บหยุดระบุจุดที่ผู้ใช้สามารถนำทางโดยใช้ปุ่ม Tab แท็บหยุดช่วยให้คุณประหยัดเวลาที่ต้องใช้การนำทางในข้อความ คุณสามารถเพิ่มแท็บหยุดได้โดยใช้ไวยากรณ์ $1, $2, $3, … Atom จะวางเคอร์เซอร์ไปยังตำแหน่งที่พบ $1 จากนั้นคุณสามารถข้ามไปที่ $2 ด้วยปุ่ม Tab จากนั้นไปที่ $3 เป็นต้น

เพิ่มพารามิเตอร์ทางเลือก

Atom อนุญาต คุณสามารถเพิ่มข้อมูลเพิ่มเติมให้กับตัวอย่างของคุณโดยใช้พารามิเตอร์ทางเลือก คุณลักษณะนี้อาจมีประโยชน์หากมีคนอื่นใช้โปรแกรมแก้ไขของคุณด้วย และคุณต้องการแจ้งให้พวกเขาทราบวัตถุประสงค์ของตัวอย่างข้อมูล หรือหากคุณมีตัวอย่างข้อมูลที่กำหนดเองที่ซับซ้อนมากจนคุณต้องเพิ่มบันทึกย่อลงไป

ทำไม ข้อมูลโค้ดมีประโยชน์

เมื่อฉันเริ่มเรียนรู้การเขียนโค้ดครั้งแรก ข้อมูลโค้ดแรกที่ฉันใช้คือ Ctrl + ! และป้อน (ฉันสงสัยว่าไม่มีใครจำวิธีการเขียนสิ่งนี้ได้) มันเจ๋งและฉันรู้สึกเหมือนเป็นนินจารหัส (ปล.: หากคุณไม่ต้องการอ่านเรื่องราวเบื้องหลังและต้องการข้ามไปยังบทช่วยสอน ให้ข้ามเข้าไป…)

ขณะที่ฉันเริ่มสำรวจการเขียนโค้ดเพิ่มเติม ฉันได้เรียนรู้เกี่ยวกับส่วนขยาย VSCode ที่ทำให้การเขียนโค้ด เร็วขึ้น โดยเฉพาะส่วนย่อยของโค้ด และดาวน์โหลดซ้ำๆ ทุกอย่างเป็นไปด้วยดี แต่ฉันเริ่มใช้เฟรมเวิร์กและไลบรารี่ในโครงการของฉันบ่อยขึ้น ดังนั้นฉันจึงพยายามเรียนรู้วิธีลิงก์เอกสารประกอบกับแพ็คเกจและวิธีใช้การรีเซ็ตและตัวแปร CSS ในแบบของคุณ

คำถามที่พบบ่อย

จะเพิ่ม C snippets ใน VS Code ได้อย่างไร

เน้นโค้ดที่คุณต้องการสร้างตัวอย่าง กด ctrl + shift + P พิมพ์”สร้างตัวอย่าง”ในถาดคำสั่ง แล้วกด ENTER ป้อนชื่อตัวอย่าง ทางลัดสำหรับตัวอย่าง และคำอธิบายของตัวอย่าง ตอนนี้คุณพร้อมแล้ว

ส่วนย่อยของโค้ดที่กำหนดเองคืออะไร

ส่วนย่อยของโค้ดคือคำศัพท์การเขียนโปรแกรมที่อ้างถึงซอร์สโค้ดส่วนเล็กๆ ที่ใช้ซ้ำได้ รหัสเครื่อง หรือข้อความ. ตัวอย่างข้อมูลช่วยให้โปรแกรมเมอร์ลดเวลาที่ใช้ในการพิมพ์ข้อมูลซ้ำๆ ขณะเขียนโค้ด ข้อมูลโค้ดเป็นฟีเจอร์หนึ่งในโปรแกรมแก้ไขข้อความ โปรแกรมแก้ไขโค้ด และ IDE ส่วนใหญ่