Atom Text Editor บทช่วยสอน

Atom Text Editor Tutorial



Atom เป็นโปรแกรมแก้ไขซอร์สโค้ดฟรีและเข้าถึงได้แบบสาธารณะ รองรับ macOS, Linux และ Microsoft Windows ไม่ใช่แค่โปรแกรมแก้ไขข้อความธรรมดา มีทุกอย่างที่จะทำให้วันของนักพัฒนา จริงตามคำของมัน มันคือ a แฮ็คได้ โปรแกรมแก้ไขข้อความพร้อมการสนับสนุนจากแพ็คเกจโอเพ่นซอร์สนับพันที่จะเพิ่มเข้าไป ฟังก์ชันและคุณสมบัติที่กำหนดเองทั้งหมดที่คุณต้องการ คุณยังสามารถสร้างแพ็คเกจด้วยตัวเองและมอบให้กับชุมชน Atom เพื่อใช้งาน UI ของมันสามารถปรับแต่งได้เช่นเดียวกับ UI สี่ตัวที่ติดตั้งไว้ล่วงหน้าและชุดรูปแบบไวยากรณ์แปดแบบในสีเข้มและสีอ่อน และหากคุณยังไม่พบความสวยงามตามความชอบของคุณ คุณสามารถติดตั้งธีมที่สร้างโดยชุมชน ATOM หรือสร้างธีมของคุณเองได้เสมอ คุณสมบัติอื่นๆ ได้แก่ บานหน้าต่างหลายบาน การเติมข้อความอัตโนมัติอัจฉริยะ และโดยพื้นฐานแล้ว การตั้งค่าเริ่มต้นนั้นดีมาก คุณสามารถดาวน์โหลดสิ่งนี้และเริ่มทำงานได้ทันที

คุณสมบัติที่ยอดเยี่ยมอย่างหนึ่งที่อะตอมรองรับคือ Git และ GitHub คุณสามารถ







  • สร้างสาขาใหม่
  • เวทีและความมุ่งมั่น
  • ดัน
  • ดึง
  • แก้ไขข้อขัดแย้งในการผสาน
  • ดูคำขอดึงและอื่น ๆ อีกมากมายจากภายในโปรแกรมแก้ไขของคุณ


แพ็คเกจ GitHub นั้นมาพร้อมกับ Atom แล้ว คุณจึงสามารถเริ่มต้นได้ทันที



ข้อเสียเพียงอย่างเดียวของโปรแกรมแก้ไขข้อความ Atom ก็คือ มันสามารถทำงานช้าอย่างเห็นได้ชัดและอาจไม่ดีนักสำหรับไฟล์ขนาดใหญ่ เนื่องจากจะทำให้ประสิทธิภาพการทำงานช้าลงเป็นส่วนใหญ่



ในบทความนี้เราจะไม่เพียงแต่จะพูดถึงวิธีการติดตั้ง Atom แต่ยังรวมถึงวิธีการติดตั้งแพ็คเกจและการทำงานของโปรแกรมแก้ไขข้อความ Atom





ทีละขั้นตอนการติดตั้ง Atom Editor

ประการแรก คุณจะต้องไปที่หน้าเว็บทางการของตัวแก้ไข Atom โดยใช้คำสั่งนี้ ลิงค์ . หน้าต่อไปนี้จะแสดงให้คุณเห็น



คลิกที่ 'ดาวน์โหลด .deb' และบันทึกไฟล์ในตำแหน่งที่คุณต้องการ สำหรับฉัน มันคือ 'ดาวน์โหลด'

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

กระบวนการติดตั้งจะเริ่มขึ้น

คุณยังสามารถติดตั้ง Atom ผ่าน snap แต่เพื่อให้ใช้งานได้ ตรวจสอบให้แน่ใจว่าได้ติดตั้ง snap บนระบบของคุณแล้ว ในการติดตั้งผ่าน snap ให้ใช้คำสั่งต่อไปนี้

เมื่อการติดตั้งเสร็จสิ้น ให้เปิด Atom ต่อไปนี้จะปรากฏขึ้น

คำแนะนำในการติดตั้งแพ็คเกจบน Atom Editor

ดังที่เราได้กล่าวไปแล้ว ตัวแก้ไข Atom มีชื่อเสียงในด้านความสามารถในการปรับแต่งให้เข้ากับความต้องการของผู้ใช้ โดยทำตามขั้นตอนที่กำหนด

คลิกที่ปุ่ม 'แก้ไข' ในแถบเมนูและไปที่การตั้งค่า

คลิกที่ 'การตั้งค่า' คุณจะเห็นหน้าจอต่อไปนี้

ตอนนี้ไปที่ 'ติดตั้ง' และคลิกที่มัน ช่องค้นหาจะปรากฏขึ้น เขียนชื่อแพ็คเกจ แพ็คเกจที่คุณต้องการจะถูกติดตั้งใน '/home/zoe/.atom/packages'

วิธีการเลือกข้อความ คัดลอกข้อความ และวางข้อความ?

เราจำเป็นต้องเลือกข้อความเพื่อคัดลอก จัดรูปแบบ ลบและย้าย งานแก้ไขและจัดรูปแบบเกือบทั้งหมดเริ่มต้นจากการเลือกบางอย่าง วิธีที่ง่ายที่สุดในการเลือกข้อความคือการกด ' กะ' + ' '

ในการคัดลอกข้อความใช้ , 'Ctrl' + 'แทรก'

หากต้องการตัดข้อความ ให้คลิก 'Shift' + 'ลบ'

และในการวางข้อความ ให้ใช้ 'Shift' + 'Insert'

จะใช้ 'การเติมข้อความอัตโนมัติ' ใน Atom ได้อย่างไร?

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

ตัวอย่างแสดงในภาพหน้าจอด้านล่าง

จะสร้างและใช้งานตัวอย่างได้อย่างไร?

Atom มีคุณสมบัติที่ยอดเยี่ยม 'ข้อมูลโค้ดในตัว ควรสังเกตว่า Atom จะแสดงเฉพาะข้อมูลโค้ดสำหรับขอบเขตเฉพาะที่คุณกำลังเข้ารหัส ตัวอย่างเช่น หากคุณกำลังทำงานกับไฟล์ที่มีนามสกุล .html เฉพาะตัวอย่างที่เป็นของ HTML เท่านั้นที่จะสามารถใช้ได้สำหรับไฟล์นั้น

หากต้องการตรวจสอบตัวอย่างทั้งหมดสำหรับขอบเขตปัจจุบัน ให้คลิกที่ 'แพ็คเกจ' จากนั้นเลือก 'ตัวอย่าง'

ด้วยการเลือกตัวอย่างจากรายการดรอปดาวน์ Atom จะแทรกข้อมูลโค้ดทั้งหมดลงในเครื่องมือแก้ไขโดยไม่ต้องกังวลใจอีกต่อไป ด้านล่างภาพหน้าจอแสดงหน้าจอสำหรับการเลือก 'todo'

เพื่อสร้างตัวอย่างใหม่

ในการสร้างข้อมูลโค้ดบรรทัดเดียว คุณจะต้องเพิ่มในไฟล์ snippet.cson

  • ขอบเขต
  • ชื่อ
  • คำนำหน้า
  • เนื้อความของตัวอย่าง

ต่อไปนี้เป็นตัวอย่างสำหรับไวยากรณ์

ตัวอย่าง

ในภาพหน้าจอด้านบนนี้ สิ่งที่เรากำลังทำคือ เรากำลังสร้างตัวอย่างที่จะเพิ่ม an

แท็กที่มีคลาส 'ชื่อที่กำหนดเอง' ไปยังขอบเขต HTML

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

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

อย่างไรก็ตาม ความแตกต่างในที่นี้คือเนื้อหาตัวอย่างจะถูกล้อมรอบด้วยเครื่องหมายคำพูดคู่สามตัว กล่าวคือ

ใน snippets.cson ข้อมูลโค้ดต้องมีจุด/จุดเพิ่มที่จุดเริ่มต้นของสตริงนั้น ขอบเขตภาษาเว็บทั่วไป ได้แก่:

ค้นหาและแทนที่

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

'Ctrl'+'F' – คำสั่งนี้จะค้นหาภายในไฟล์

'Ctrl'+'Shift'+'F' – คำสั่งนี้จะค้นหาภายในโครงการทั้งหมด

เมื่อใช้คำสั่งใดๆ เหล่านี้ คุณจะเห็น UI ต่อไปนี้พร้อมแผงที่ด้านล่างของหน้าจอ

หากต้องการค้นหาภายในบัฟเฟอร์ปัจจุบันของคุณ

  • คุณจะกด ' Ctrl'+'F' ,
  • พิมพ์สตริงค้นหาแล้วกด Enter
  • กด 'F3' เพื่อค้นหาในไฟล์นั้นต่อไป
  • 'Alt' + 'Enter' จะค้นหาสตริงการค้นหาที่เกิดขึ้นทั้งหมด

หากคุณพิมพ์สตริงในกล่องข้อความแทนที่ ระบบจะแทนที่ข้อความด้วยข้อความสตริง

วิธีการทำงานหลายบานหน้าต่าง?

บานหน้าต่างตัวแก้ไขสามารถแยกเป็นแนวนอนหรือแนวตั้งได้ สำหรับการกระทำนั้น

  • ใช้ Ctrl+K + ↑
  • ใช้ Ctrl+K + ↓
  • ใช้ Ctrl+K + ←
  • ใช้ Ctrl+K + →

ปุ่มทิศทางแสดงทิศทางที่คุณต้องการแยกบานหน้าต่าง เมื่อคุณแยกบานหน้าต่างแล้ว คุณสามารถย้ายไปมาระหว่างบานหน้าต่างเหล่านั้นด้วยคำสั่งด้านบน และมันจะเน้นที่บานหน้าต่างที่เกี่ยวข้อง

ตัวอย่างด้านล่างสำหรับการแยกหน้าจอในทิศทางด้านบน

การเน้นไวยากรณ์สำหรับ python

เพื่อให้ใช้งานได้ ขั้นแรกตรวจสอบให้แน่ใจว่าคุณได้เปิดใช้งานแพ็คเกจ 'Langauge-python' หลังจากนั้น ให้เปิดไฟล์ python เช่น ที่นี่ ฉันกำลังใช้ 'demo.PY'

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

ย้ายในอะตอม

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

Git และ GitHub กับ Atom

สำหรับการทำงานของ Git คุณไม่จำเป็นต้องติดตั้งอะไรเพิ่มเติม Atom โดยค่าเริ่มต้นมีการรวมสำหรับ git Atom ประกอบด้วยสองแท็บ แท็บหนึ่งสำหรับ Git และแท็บที่สองสำหรับ GitHub

วิธีหนึ่งที่เราสามารถเข้าถึงได้โดยคลิกที่ ' ดู' และเลือก Toggle Git Tab / Toggle GitHub Tab เมนูในแถบเมนูด้านบน อีกทางเลือกหนึ่งคือปุ่มลัด

  • ไปที่แท็บ: ' Ctrl' + 'Shift' + '9'
  • แท็บ GitHub: ' Ctrl' + 'Shift' + '8'

ในการสร้างที่เก็บใหม่ ให้คลิกที่ปุ่ม 'สร้างที่เก็บ' ป้อนชื่อที่เก็บแล้วคลิกปุ่ม 'Init'

และนั่นคือกระบวนการเริ่มต้นที่เก็บ git ของคุณ

ตอนนี้คุณจะสังเกตเห็น UI ดังต่อไปนี้

NS ฉาก และ ไม่ได้จัดฉาก การเปลี่ยนแปลงจะแสดงอยู่ด้านล่างของกันและกันที่ด้านข้างของหน้าจอ นอกจากนี้ ผู้ใช้ยังสามารถสร้าง a ให้สัญญา ในช่วงเวลาใดก็ได้

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