Sublime Text - คู่มือฉบับย่อ

Sublime Text Editor เป็นโปรแกรมแก้ไขข้อความที่มีคุณสมบัติครบถ้วนสำหรับการแก้ไขไฟล์ในเครื่องหรือฐานรหัส ประกอบด้วยคุณสมบัติต่างๆสำหรับการแก้ไขฐานโค้ดซึ่งช่วยให้นักพัฒนาสามารถติดตามการเปลี่ยนแปลงได้ คุณสมบัติต่างๆที่ Sublime รองรับมีดังนี้ -

  • เน้นไวยากรณ์
  • เยื้องอัตโนมัติ
  • การรับรู้ประเภทไฟล์
  • แถบด้านข้างพร้อมไฟล์ของไดเร็กทอรีที่กล่าวถึง
  • Macros
  • ปลั๊กอินและแพ็คเกจ

โปรแกรมแก้ไขข้อความ Sublime ใช้เป็น Integrated Development Editor (IDE) เช่นรหัส Visual Studio และ NetBeans Sublime Text editor เวอร์ชันปัจจุบันคือ 3.0 และเข้ากันได้กับระบบปฏิบัติการต่างๆเช่น Windows, Linux และ MacOS

ทำไมต้อง Sublime Text?

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

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

คุณสามารถดาวน์โหลด Sublime ข้อความจากเว็บไซต์อย่างเป็นทางการ - www.sublimetext.com ในบทถัดไปเราจะเรียนรู้เกี่ยวกับขั้นตอนการติดตั้งโปรแกรมแก้ไขข้อความ Sublime ในระบบปฏิบัติการต่างๆ

โปรแกรมแก้ไขข้อความ Sublime รองรับระบบปฏิบัติการหลักดังต่อไปนี้ -

  • Windows
  • Linux และการแจกแจง
  • OS X

คุณสามารถดาวน์โหลด Sublime Text ได้จากเว็บไซต์ทางการ - www.sublimetext.com

ในบทนี้คุณจะได้เรียนรู้เกี่ยวกับการติดตั้ง Sublime Text บนระบบปฏิบัติการต่างๆ

การติดตั้งบน Windows

คุณจะต้องทำตามขั้นตอนด้านล่างเพื่อติดตั้ง Sublime Text บน Windows -

Step 1 - ดาวน์โหลดไฟล์ .exe แพ็คเกจจากเว็บไซต์ทางการดังที่แสดงด้านล่าง -

https://www.sublimetext.com/3

Step 2- ตอนนี้เรียกใช้ไฟล์ปฏิบัติการ สิ่งนี้กำหนดตัวแปรสภาพแวดล้อม เมื่อคุณเรียกใช้ไฟล์ปฏิบัติการคุณสามารถสังเกตหน้าต่างต่อไปนี้บนหน้าจอของคุณ คลิกNext.

Step 3 - ตอนนี้เลือกตำแหน่งปลายทางเพื่อติดตั้ง Sublime Text3 แล้วคลิก Next.

Step 4 - ตรวจสอบโฟลเดอร์ปลายทางแล้วคลิก Install.

Step 5 - ตอนนี้คลิก Finish เพื่อทำการติดตั้งให้เสร็จสมบูรณ์

Step 6 - เมื่อติดตั้งสำเร็จตัวแก้ไขของคุณจะปรากฏดังที่แสดงด้านล่าง -

การติดตั้งบน Linux

คุณจะต้องทำตามขั้นตอนที่แสดงด้านล่างเพื่อติดตั้ง Sublime Text บนลีนุกซ์รุ่น -

Step 1 - ใช้เทอร์มินัลบรรทัดคำสั่งติดตั้งแพ็คเกจสำหรับโปรแกรมแก้ไข Sublime Text โดยใช้คำสั่งที่ระบุด้านล่าง -

sudo add-apt-repository ppa:webupd8team/Sublime-Text-3

Step 2 - อัปเดตแพ็คเกจโดยใช้คำสั่งต่อไปนี้ -

sudo apt-get update

Step 3 - ติดตั้งที่เก็บ Sublime Text โดยใช้คำสั่งต่อไปนี้ -

sudo apt-get install Sublime-Text

หลังจากดำเนินการคำสั่งดังกล่าวข้างต้นสำเร็จคุณจะพบว่ามีการติดตั้งโปรแกรมแก้ไข Sublime Text ในระบบ

การติดตั้งบน OSX

สำหรับระบบปฏิบัติการ OSX

  • ดาวน์โหลดไฟล์ .dmg ไฟล์ของ Sublime Text Editor

  • เปิดและลากและวางในไฟล์ Applications โฟลเดอร์

  • ทำตามขั้นตอนที่คุณเห็นในสองกรณีข้างต้น

  • เปิดแอปพลิเคชัน

ตลอดบทช่วยสอนนี้เราจะมุ่งเน้นไปที่การใช้ระบบควบคุมการโค่นล้ม Git และที่เก็บบิตร่วมกับโปรแกรมแก้ไขข้อความ Sublime

เช่นเดียวกับโปรแกรมแก้ไขข้อความอื่น ๆ การทำงานกับที่เก็บเฉพาะเป็นส่วนสำคัญของ Sublime Text แสดงโดยละเอียดตามขั้นตอนด้านล่าง -

Step 1- พิจารณาพื้นที่เก็บข้อมูลที่จะโคลนจากที่เก็บข้อมูลบิต โปรดทราบว่าเราจะทำงานกับสคริปต์ Python ตลอดบทช่วยสอนนี้

Step 2 - รวมที่เก็บในโปรแกรมแก้ไข Sublime Text โดยใช้ตัวเลือก Open Folder ดังที่แสดงด้านล่าง

Step 3 - หลังจากรวมที่เก็บแล้วหน้าจอของโปรแกรมแก้ไขข้อความ Sublime จะเป็นดังที่แสดงด้านล่าง -

คุณสามารถเลือกไฟล์ที่ต้องการเปิดได้จากรายการที่แสดงทางด้านซ้ายมือของหน้าจอดังที่แสดงในภาพด้านล่าง -

โปรดทราบว่าการผสมสีช่วยให้จดจำคำหลักและแพ็คเกจที่รวมอยู่ในรหัสได้

ในบทนี้คุณจะได้เรียนรู้วิธีสร้างไฟล์ใน Sublime Text แบบทีละขั้นตอน

Step 1 - ใช้ตัวเลือก New File เพื่อสร้างไฟล์ในโปรแกรมแก้ไข Sublime Text

Step 2 - เมื่อไฟล์ใหม่พร้อมใช้งานคุณสามารถแทรกโค้ดคล้ายกับโปรแกรมแก้ไขข้อความอื่น ๆ และบันทึกไฟล์ในที่เก็บข้อมูลที่ใช้งานได้

Step 3 - เมื่อคุณบันทึกไฟล์ที่เกี่ยวข้องแล้วโปรแกรมแก้ไข Sublime Text จะมีตัวเลือกมากมายตามประเภทของไฟล์เช่น .php สำหรับสคริปต์ PHP .py สำหรับสคริปต์ Python และ .java สำหรับฐานรหัส Java

Step 4 - เนื่องจากที่เก็บโค้ดของเราอยู่ในโครงการ Python เราจะบันทึกไฟล์เป็นไฟล์ demo1.pyดังแสดงด้านล่าง -

ตัวแก้ไขโค้ดช่วยให้ผู้ใช้สามารถแก้ไขสคริปต์โค้ดและเอกสารข้อความด้วยปุ่มลัดต่างๆ ในบทนี้ให้เราทำความเข้าใจกับตัวอย่างต่างๆเกี่ยวกับตัวเลือกการแก้ไขของเอกสารข้อความแรกใน Sublime Text

เขียนพร้อมกัน

ในตัวอย่างนี้คุณจะเห็นวิธีการเพิ่มใบแจ้งยอดการพิมพ์ในสองตำแหน่ง

Step 1 - พิจารณาสคริปต์แรกของ Python ด้วยรหัสต่อไปนี้ -

Step 2- ให้เราสมมติว่าในสคริปต์ที่กำหนดคุณต้องการพูดถึงจุดเริ่มต้นและจุดสิ้นสุดของลูปโดยใช้คำสั่งง่ายๆ คุณสามารถเขียนคำสั่งพิมพ์ได้ทุกที่ที่ต้องการอย่างไรก็ตามในโปรแกรมแก้ไขข้อความ Sublime คุณสามารถเพิ่มความคิดเห็นและคำสั่งในสองที่พร้อมกันได้Ctrl+cursor ชี้สำหรับ Windows หรือ Linux และ Cmd+cursorชี้สำหรับ Mac จากนั้นคุณจะเห็นจุดเคอร์เซอร์ตามที่ระบุไว้ด้านล่าง -

Step 3 - ตอนนี้คุณสามารถแทรกคำสั่งการพิมพ์ได้ทั้งสองตำแหน่งของจุดเคอร์เซอร์ดังที่แสดงในภาพด้านล่าง

การค้นหาเหตุการณ์

โปรแกรมแก้ไขข้อความ Sublime มีคุณสมบัติในการค้นหาการเกิดขึ้นของคำสำคัญที่รวมอยู่ในสคริปต์ คีย์ลัดสำหรับค้นหาการเกิดขึ้นของคีย์เวิร์ดคือCtrl+D หลังจากไฮไลต์คำหลักที่เกี่ยวข้อง

หากคุณต้องการค้นหาคำหลักให้พูด print จากรหัสที่กำหนดคุณสามารถใช้ Ctrl+D หรือ Cmd+D เพื่อรับจำนวนการเกิดขึ้นของคำหลักที่เกี่ยวข้อง

การเพิ่มความคิดเห็นใน Line

เราสามารถต่อท้ายความคิดเห็นโดยใช้ปุ่มทางลัด Ctrl+Shift+L สำหรับ Windows และ Cmd+Shift+L สำหรับระบบปฏิบัติการ Mac หลังจากเลือกส่วนรหัสที่คุณต้องการความคิดเห็นจริงๆ

มีการแก้ไขโค้ดและคีย์ลัดหลายประเภทที่ใช้ในโปรแกรมแก้ไขข้อความ Sublime -

  • แบ่งส่วนที่เลือกออกเป็นเส้น
  • การตัดย่อหน้าที่สมบูรณ์ในไฟล์ HTML
  • ค้นหาเหตุการณ์ทั้งหมด

บทนี้จะกล่าวถึงรายละเอียดแต่ละข้อ

การแบ่งส่วนที่เลือกออกเป็นเส้น

คีย์ผสม Ctrl+Shift+Lช่วยให้คุณสามารถเลือกบล็อกของเส้นและแยกพวกมันบน Windows ภาพหน้าจอด้านล่างอธิบายสิ่งนี้ -

การตัดย่อหน้าที่สมบูรณ์ในไฟล์ HTML

คีย์ผสม Alt+Shift+wสำหรับ Windows และ Cmd + Shift + w สำหรับ Mac ช่วยให้ผู้ใช้สามารถแบ่งส่วนของโค้ดและสร้างย่อหน้าต่างๆ จะเรียกว่าwrap selection with html tag. นอกจากนี้ยังช่วยให้คุณรวมแท็ก HTML โดยใช้โปรแกรมแก้ไข Sublime

ภาพหน้าจอด้านล่างอธิบายการตัดข้อความด้วยแท็ก HTML -

หลังจากตัดข้อความแล้วจะเห็นข้อความที่ห่อด้วยแท็ก HTML ดังที่แสดงด้านล่าง -

การค้นหาเหตุการณ์ทั้งหมด

รูปแบบที่สำคัญ Ctrl+Shift+fช่วยให้คุณค้นหาคำหลักในโครงการที่กำหนด ภาพหน้าจอด้านล่างอธิบายสิ่งนี้ -

ปุ่มทางลัดจะเปิดหน้าต่างที่มีสามตัวเลือกที่รวมอยู่ในนั้น ได้แก่ find, where และ replace,

ที่ไหน

  • find หมายถึงการค้นหาคำหลักนั้น ๆ

  • where กล่าวถึงส่วนที่จะค้นหาที่เก็บข้อมูลและ

  • replace กล่าวถึงคำหลักที่ถูกแทนที่แทนที่จะค้นหาคำหลัก

Linting เป็นกระบวนการในการตั้งค่าสถานะโครงสร้างที่น่าสงสัยและน่าจะเป็นจุดบกพร่องในภาษาโปรแกรมใด ๆ

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

คุณสามารถติดตั้งการควบคุมแพ็กเกจใดก็ได้ในโปรแกรมแก้ไข Sublime Text โดยใช้คีย์ลัดร่วมกัน Ctrl+Shift+Pและเลือกไฟล์ Package Control: Install Package ตัวเลือก

เลือกแพ็คเกจที่เกี่ยวข้องเพื่อติดตั้งในโปรแกรมแก้ไขข้อความ Sublime ในการติดตั้ง Sublime Linter คุณต้องเลือกตัวเลือกของSublimeLinter เสียบเข้าไป.

เมื่อติดตั้งสำเร็จหน้าจอของคุณจะมีลักษณะดังที่แสดงด้านล่าง -

โหมดของ Sublime Linter

Sublime Linter ทำงานในสี่โหมดที่แตกต่างกันดังที่กล่าวไว้ด้านล่าง -

โหมดพื้นหลัง

เมื่อตั้งค่าปุ่ม Sublime Linter เป็น trueจะมีการทำขุยในพื้นหลังทุกครั้งที่มีการแก้ไขไฟล์

โหลด - บันทึกโหมด

เมื่อตั้งค่าปุ่ม Sublime Linter เป็น linting load saveจะดำเนินการเมื่อไฟล์ถูกโหลดจากที่เก็บ

โหมดประหยัดเท่านั้น

เมื่อตั้งค่าปุ่ม Sublime Linter เป็น save only โหมด linting จะดำเนินการในขณะที่บันทึกไฟล์เฉพาะในที่เก็บที่ใช้งานได้

โหมดออนดีมานด์

ในโหมดตามความต้องการ Sublime Linter จะถูกตั้งค่าเป็น trueโดยใช้ทางลัด Ctrl+Alt+Lซึ่งตั้งค่า linter เพื่อตรวจหาจุดบกพร่องหากมีอยู่ในโค้ด

โปรแกรมแก้ไขข้อความ Sublime ประกอบด้วยทางลัดและวิธีการจัดการเอาต์พุต บทนี้จะกล่าวถึงรายละเอียดเกี่ยวกับทางลัดเหล่านี้โดยใช้ภาพประกอบที่เหมาะสม

กำลังเปิด Command Palette

ชุดคำสั่งในโปรแกรมแก้ไขข้อความ Sublime มีตัวเลือกสำหรับการติดตั้งแพ็คเกจและคอนโซล คีย์ลัดสำหรับวัตถุประสงค์นี้คือCtrl+Shift+P สำหรับ Windows และ Cmd+Shift+Pสำหรับ Mac ภาพหน้าจอด้านล่างแสดงการเปิดจานคำสั่งโดยใช้ทางลัดนี้

สลับแถบด้านข้าง

โปรแกรมแก้ไขข้อความ Sublime มีแถบด้านข้างซึ่งแสดงสคริปต์หรือชื่อไฟล์ คุณสามารถใช้คีย์ลัดCtrl+KB บน Windows และ Cmd+KB สำหรับ Mac เพื่อการนี้

ขอบเขตการแสดงผลในแถบสถานะ

คีย์ลัด Ctrl+Shift+Alt+P สำหรับ Windows และ Ctrl+Shift+Pสำหรับ Mac แสดงขอบเขตในแถบสถานะ ภาพหน้าจอต่อไปนี้แสดงภาพประกอบของทางลัดนี้

Python Console

เมื่อคุณทำงานกับสคริปต์ Python โดยใช้โปรแกรมแก้ไข Sublime Text คุณสามารถใช้ไฟล์ Ctrl+`สำหรับ Windows หรือ Control + `สำหรับ Windows เพื่อใช้งานคอนโซล Python

หน้าต่างใหม่

ด้วยหน้าต่างใหม่คุณสามารถจัดการโครงการจำนวนมากพร้อมกันได้ คุณสามารถใช้คีย์ลัด Ctrl+Shift+N บน Windows และ Cmd+Shift+N สำหรับ Mac เพื่อสร้างหน้าต่างใหม่บนโปรแกรมแก้ไขข้อความ Sublime

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

การทำความเข้าใจ Snippets

Snippets เป็นไฟล์ที่รองรับ XML แบบง่ายพร้อมคุณสมบัติต่างๆ ซึ่งรวมถึงส่วนขยายที่เรียกว่าsublime-snippet. แท็กรากขององค์ประกอบ XML จะเป็นไฟล์<snippet>แท็ก ตัวอย่างข้อมูลที่สร้างขึ้นจะถูกบันทึกไว้ในไฟล์Packages โฟลเดอร์และถือว่าอยู่ในโฟลเดอร์นี้

รูปแบบไฟล์และไวยากรณ์ของข้อมูลโค้ดจะกล่าวโดยละเอียดดังนี้ -

  • Content − ส่วนนี้ประกอบด้วยคำอธิบายของตัวอย่างข้อมูล

  • tabTrigger - ประกอบด้วยลำดับของอักขระที่ทริกเกอร์เมื่อเขียนข้อมูลโค้ด

  • Scope - กำหนดขอบเขตที่ข้อมูลโค้ดยังคงทำงานอยู่

  • Description- รวมถึงคำอธิบายเมตาทั้งหมด จะแสดงเมื่อเมนูของตัวอย่างข้อมูลเปิดอยู่

การสร้าง First Snippet

คุณสามารถสร้างตัวอย่างข้อมูลเริ่มต้นโดยใช้ Tools → Developer → Snippet ตัวเลือก

จากนั้นข้อมูลโค้ดสาธิตพร้อมแท็กที่เกี่ยวข้องจะถูกสร้างขึ้นดังที่แสดงด้านล่าง -

ในการสร้างตัวอย่างแรกในโปรแกรมแก้ไข Sublime Text ให้คลิกไฟล์ Tools เมนูและเลือก Snippets ตัวเลือกจากหน้าต่างแบบเลื่อนลงดังที่แสดงในภาพหน้าจอที่นี่

ตอนนี้เลือก Snippet:html จากตัวเลือกที่แสดง

สิ่งนี้จะสร้างตัวอย่างข้อมูลเริ่มต้นในไฟล์ html ที่ระบุดังที่แสดงด้านล่าง

โปรดทราบว่ามีตัวอย่างข้อมูลมากมายสำหรับไฟล์ประเภทต่างๆ สำหรับไฟล์ html ในฐานโค้ดมีสามตัวอย่างที่กำหนดไว้ในโปรแกรมแก้ไข Sublime Text ดังที่แสดงด้านล่าง

ตัวอย่างข้อมูลการควบคุมแพ็คเกจ

ตัวอย่างข้อมูลควบคุมส่วนใหญ่จะใช้สำหรับการพัฒนาผลิตภัณฑ์ ด้วยinstall packages ตัวเลือกในโปรแกรมแก้ไข Sublime คุณสามารถดาวน์โหลดตัวอย่างข้อมูลที่จำเป็นสำหรับการพัฒนาเว็บและติดตั้งได้

คุณอาจต้องใช้แพ็คเกจต่อไปนี้สำหรับการพัฒนาเว็บ -

  • EverCodeLab Sublime รองรับ Ruby on Rails
  • PHP snippets เพิ่มเติมสำหรับ PHP
  • ข้อมูลโค้ด HTML สำหรับไฟล์ HTML
  • Twitter Bootstrap snippets สำหรับ Twitter Bootstrap
  • ข้อมูลโค้ด JavaScript สำหรับไฟล์ JS
  • jQuery snippets pack สำหรับ jQuery

มาโครเป็นระบบอัตโนมัติขั้นพื้นฐานที่มีลำดับของคำสั่ง คุณสามารถใช้มาโครได้ทุกเมื่อที่ต้องการดำเนินการซึ่งรวมถึงขั้นตอนเดียวกัน

ไฟล์มาโครคือไฟล์ JSON ที่มีนามสกุล .sublime-micro และถือว่าเป็นประโยชน์อย่างยิ่ง

การบันทึกมาโคร

การบันทึกมาโครกำหนดขั้นตอนในการเก็บชุดคำสั่งที่จำเป็นสำหรับไฟล์ที่กำหนด คุณสามารถบันทึกมาโครได้สองวิธี -

  • ใช้คีย์ลัด Ctrl+Q สำหรับบันทึกมาโครใน Windows และ Cmd + Q ใน Mac

  • ใช้ record ตัวเลือกใน Tools → Record Macro.

เมื่อมาโครเริ่มบันทึกแล้วคุณจะเห็นข้อความต่อไปนี้ในโปรแกรมแก้ไขข้อความ Sublime -

การเล่นมาโคร

คุณสามารถใช้คีย์ลัด Ctrl+Shift+Q บน Windows และ Cmd+Shift+Qสำหรับ Mac เพื่อเล่นมาโครที่บันทึกโดยผู้ใช้ใน Sublime Text โปรดทราบว่าทางลัดนี้จะเล่นไฟล์last recorded มาโครใน Sublime

การบันทึกมาโคร

คุณสามารถบันทึกมาโครที่บันทึกไว้โดยใช้ตัวเลือก Tools → Save Macro. ภาพหน้าจอต่อไปนี้แสดงวิธีบันทึกมาโครโดยใช้ตัวเลือกนี้

คุณยังสามารถกำหนดมาโครใหม่ได้โดยใช้ตัวเลือกต่างๆในแถบเมนูเครื่องมือดังที่แสดงด้านล่าง -

การผูกคีย์ใน Sublime Text ช่วยให้ผู้ใช้ประมวลผลและแมปลำดับของการกดแป้นกับการกระทำ ถูกกำหนดในรูปแบบ JSON และถูกเก็บไว้ในรูปแบบ.sublime-keymap ไฟล์.

เพื่อการผสานรวมที่ดีขึ้นสิ่งสำคัญคือต้องเก็บไฟล์แมปหลักแยกต่างหากสำหรับ Linux, OSX และ Windows แผนที่สำคัญของแพลตฟอร์มที่เกี่ยวข้องจะถูกโหลดในโปรแกรมแก้ไข Sublime Text

ผู้ใช้สามารถเปิดไฟล์ keymap การผูกไฟล์หรือคีย์เริ่มต้นโดยใช้ตัวเลือก Preferences → Key Bindings.

ตัวอย่างต่อไปนี้แสดงวิธีทำการผูกคีย์ใน Windows -

[
   { "keys": ["ctrl+shift+n"], "command": "new_window" },
   { "keys": ["ctrl+shift+w"], "command": "close_window" }
]

การกำหนด Key Bindings

โปรแกรมแก้ไข Sublime Text มีตัวเลือกในการกำหนดคีย์แมป การผูกคีย์ที่กำหนดไว้ในไฟล์.sublime-keymap รวมชุดค่าผสมของคีย์ทั้งหมด

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

[
   { 
      "keys": ["super+alt+;"], "command": "run_macro_file",
      "args": 
      {"file": "Packages/User/semicolon.sublime-macro"} 
   }
]

ที่นี่ superคือ Winkey ใน Windows หรือ Linux และคำสั่งบนระบบปฏิบัติการ OSX โปรดทราบว่ารหัสนี้จะเรียกใช้แมโครที่อยู่ในPackages/User และได้รับการตั้งชื่อ semicolon.sublime-macro เมื่อกดปุ่ม Super+Alt+ คีย์

ในบทนี้คุณจะได้เรียนรู้ปุ่มทางลัดต่างๆเพื่อย้ายและเลือกคอลัมน์ของไฟล์ใน Sublime Text

การย้ายตัวชี้ไปที่จุดเริ่มต้นของรหัส

คุณสามารถใช้ทางลัด Ctrl+Home เพื่อย้ายตัวชี้ไปที่จุดเริ่มต้นของโค้ดในโปรแกรมแก้ไขข้อความ Sublime

สังเกตโค้ดตัวอย่างที่แสดงที่นี่

ภาพหน้าจอด้านล่างแสดงรหัสเดียวกันกับที่เคอร์เซอร์ถูกย้ายไปที่จุดเริ่มต้น

การขยายคอลัมน์

คุณสามารถใช้ทางลัด Ctrl+Lเพื่อขยายคอลัมน์ที่ระบุ ทางลัดนี้จะเลือกคอลัมน์ที่มีตัวชี้ ภาพหน้าจอต่อไปนี้อธิบายสิ่งนี้โดยละเอียด -

การตัดแต่งคอลัมน์

คุณสามารถใช้ทางลัด Ctrl+Kเพื่อตัดคอลัมน์ที่ระบุของไฟล์ สำหรับ OSX คุณจะต้องใช้คีย์ผสมCmd+K เพื่อจุดประสงค์นี้.

ตัวอย่างที่แสดงที่นี่จะแสดงรหัสที่เส้นที่กล่าวถึงในคอลัมน์ที่ห้าถูกตัดออก

แยกบล็อกข้อความ

คุณสามารถใช้ทางลัด Ctrl+Shift+K เพื่อแบ่งกลุ่มข้อความที่เลือกออกเป็นสองตัวเลือก

Note - ความแตกต่างของคีย์ผสมจากคีย์ผสมก่อนหน้านี้คือสามารถมองเห็นคอลัมน์ได้ Ctrl+Shift+K ลบหมายเลขคอลัมน์ออกจากรหัสที่ระบุในขณะที่ Ctrl+K คงหมายเลขคอลัมน์ไว้เหมือนเดิมหลังจากตัดทั้งคอลัมน์

การเยื้องเป็นกระบวนการในการดูแลบล็อกโค้ดของภาษาโปรแกรมเพื่อรักษาโครงสร้างที่เป็นระบบ ช่วยในการถ่ายทอดโครงสร้างที่ดีขึ้นของโปรแกรมให้กับนักพัฒนา บทนี้อธิบายรายละเอียดเกี่ยวกับการเยื้องในโปรแกรมแก้ไขข้อความ Sublime

ความสำคัญของการเยื้อง

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

  • Readability
  • User-friendliness
  • Adaptability
  • บำรุงรักษาง่าย

ตัวเลือกสำหรับการเยื้องใน Sublime Text

โปรแกรมแก้ไขข้อความ Sublime มีตัวเลือกต่างๆสำหรับการเยื้องรหัสดังที่แสดงในภาพหน้าจอต่อไปนี้ -

รายละเอียดการใช้ตัวเลือกเหล่านี้จะกล่าวถึงที่นี่ -

ตัวเลือกการเยื้อง

ตัวเลือกการเยื้องช่วยในการสร้างการเยื้องของรหัสที่ระบุ คุณต้องเลือกรหัสที่ระบุและเลือกไฟล์Indentตัวเลือก คุณยังสามารถใช้ทางลัดCtrl+[หลังจากเลือกรหัสที่ต้องการที่จะเยื้อง โปรดดูภาพหน้าจอต่อไปนี้เพื่อความเข้าใจที่ดีขึ้น -

ตัวเลือก Unindent

ตัวเลือก Unindent ทำงานในขั้นตอนการเยื้องกลับ ทางลัดสำหรับตัวเลือก unindent คือCtrl+]. โปรดดูภาพหน้าจอต่อไปนี้เพื่อความเข้าใจที่ดีขึ้น -

ตัวเลือก Reindent

ตัวเลือก Reindent ใช้เพื่อเลิกทำตัวเลือก unindent และเปลี่ยนรหัสให้กลับสู่สภาพเดิม โปรดดูภาพหน้าจอต่อไปนี้เพื่อความเข้าใจที่ดีขึ้น -

ประโยชน์ของการเยื้อง

การเยื้องอย่างถูกต้องมีประโยชน์มากมายสำหรับโค้ดและนักพัฒนา พวกเขาจะกล่าวถึงด้านล่าง -

  • บล็อกโค้ดจะมองเห็นได้โดยไม่ต้องออกแรงมาก

  • นักพัฒนาสามารถมุ่งเน้นไปที่บรรทัดของโค้ดที่จำเป็นและเพิกเฉยต่อสิ่งที่ไม่เกี่ยวข้องได้อย่างง่ายดาย

  • นักพัฒนาที่ใช้โครงสร้างรหัสประเภทเดียวกันหลาย ๆ ครั้งไม่จำเป็นต้องให้ความสำคัญกับไฟล์ start of block และ end of block งบ

  • สามารถระบุบรรทัดของรหัสที่วางผิดตำแหน่งได้อย่างง่ายดาย

การตั้งค่าพื้นฐานของโปรแกรมแก้ไข Sublime Text คือการกำหนดค่าที่จำเป็นสำหรับตัวแก้ไขเช่นขนาดตัวอักษรการแสดงหมายเลขบรรทัดหรือรูปแบบสีของตัวแก้ไข

การตั้งค่าพื้นฐานทั้งหมดได้รับการกำหนดค่าในรูปแบบ JSON หากต้องการดูรายการการตั้งค่าไปที่เมนูของPreferences -> Settings.

การตั้งค่าประกอบด้วยการกำหนดค่าสองประเภท ได้แก่ -

  • Default
  • User

ค่าเริ่มต้นรวมถึงการกำหนดค่าเริ่มต้นทั้งหมดและผู้ใช้กำหนดการตั้งค่าที่กำหนดเองสำหรับการตั้งค่าพื้นฐาน

สำหรับสถานการณ์ที่กล่าวถึงข้างต้นการตั้งค่าแบบกำหนดเองมีดังต่อไปนี้ -

"font_size": 15,
   "ignored_packages":
   [
      "Vintage"
   ]

หมวดหมู่ของการตั้งค่า

หมวดหมู่ต่างๆของการตั้งค่าใน Sublime Text มีดังนี้ -

การตั้งค่าตัวแก้ไข

ซึ่งรวมถึงการตั้งค่าพื้นฐานสำหรับการแก้ไขไฟล์ของฐานรหัส ตัวอย่าง ได้แก่font_face, font_size และ tab_size. การตั้งค่ามีอยู่ในการกำหนดค่าเริ่มต้น

การตั้งค่าส่วนต่อประสานผู้ใช้

ซึ่งรวมถึงการตั้งค่าทั่วไปที่เน้นเฉพาะพื้นหลังธีมและการผสมสีต่างๆ การตั้งค่าเหล่านี้ต่อท้ายในส่วนที่สองของการกำหนดค่าเริ่มต้น

พฤติกรรมการใช้งาน

การตั้งค่าเหล่านี้มุ่งเน้นไปที่พฤติกรรมของแอปพลิเคชันที่รวมอยู่ในโปรแกรมแก้ไขข้อความ Sublime ในหน้าต่างที่เปิดอยู่ การตั้งค่าเหล่านี้รวมอยู่ในส่วนที่สามของการตั้งค่าการกำหนดค่าเริ่มต้น

ไวยากรณ์ - การตั้งค่าเฉพาะ

การตั้งค่าเหล่านี้ใช้สำหรับการออกแบบไวยากรณ์ของโปรแกรมแก้ไขข้อความ Sublime ในการรับรายการการตั้งค่าเฉพาะไวยากรณ์ผู้ใช้ต้องใช้ตัวเลือกPreferences − Syntax-Specific.

การจัดการธีมในโปรแกรมแก้ไขข้อความ Sublime หมายถึงการปรับปรุงรูปลักษณ์ของตัวแก้ไขด้วยสีและพื้นหลังที่น่าดึงดูด ธีมเป็นค่าที่จัดรูปแบบ JSON ด้วย.sublime-theme ส่วนขยายและจัดการลักษณะที่ปรากฏของส่วนติดต่อผู้ใช้ของโปรแกรมแก้ไขโดยการเปลี่ยนสีขององค์ประกอบของ IDE

การติดตั้งและใช้ธีม

ขั้นตอนต่อไปนี้จะแนะนำคุณเกี่ยวกับการติดตั้งและใช้ธีมในโปรแกรมแก้ไขข้อความ Sublime -

Step 1 - ใช้ไฟล์ Install แพ็คเกจของ Sublime Text เพื่อติดตั้งแพ็คเกจสำหรับธีมดังที่แสดงในภาพหน้าจอที่นี่ -

Step 2 - คุณสามารถดูรายการตัวเลือกด้วยไฟล์ Install Package ตัวเลือกและคุณสามารถดาวน์โหลดและติดตั้งในโปรแกรมแก้ไขข้อความ Sublime

Step 3 - เมื่อคุณเลือกธีมแล้วให้เปิดใช้งาน

Step 4- ตอนนี้เลือกธีมที่คุณต้องการจากรายการธีมที่ติดตั้ง สิ่งนี้จะเปลี่ยนลักษณะของตัวแก้ไขโดยอัตโนมัติ

รูปแบบสี

โครงร่างสีเป็นไฟล์รูปแบบ XML ที่อยู่ที่ไฟล์ Packagesโฟลเดอร์ที่มีโครงร่างสี เป็นวิธีที่ยอดเยี่ยมสำหรับการปรับแต่งสีข้อความ Sublime ซึ่งแตกต่างจากธีมที่เฉพาะเจาะจงสำหรับองค์ประกอบ UI

คุณสามารถเลือกโทนสีโดยใช้ตัวเลือก Preferences → Color Scheme. อ้างถึงภาพหน้าจอต่อไปนี้ที่แสดงเหมือนกัน

โครงร่างสีประกอบด้วยตัวเลือกต่างๆเช่น Breakers, Mariana, Monokai, และ Sixteen. ลักษณะของตัวแก้ไขขึ้นอยู่กับโทนสีที่คุณเลือก โปรดทราบว่ารูปแบบเหล่านี้จะเน้นเฉพาะไวยากรณ์สี

โหมดวินเทจในโปรแกรมแก้ไขข้อความ Sublime เป็นแพ็คเกจที่รวมคุณสมบัติการแก้ไขของ vi โหมดวินเทจให้คุณใช้รายการคำสั่ง vi ในโปรแกรมแก้ไข Sublime

โหมดวินเทจเป็นโครงการโอเพ่นซอร์สและคุณสามารถดาวน์โหลดได้จากลิงค์ -

https://github.com/sublimehq/Vintage

ทำความเข้าใจกับตัวแก้ไข vi

Viเป็นโปรแกรมแก้ไขข้อความดั้งเดิมและนิยมใช้ เดิมถูกสร้างขึ้นสำหรับระบบปฏิบัติการ UNIX และมีฟังก์ชันพื้นฐานของการเรียกใช้สคริปต์ เป็นโปรแกรมแก้ไขบรรทัดคำสั่งที่นิยมใช้ในระบบปฏิบัติการต่างๆเนื่องจากไม่ต้องใช้เมาส์ในการดำเนินการ

Sublime รวมถึง vimซึ่งเป็นส่วนขั้นสูงของ vi ตัวแก้ไขและรวมถึงการปรับแต่งมาโครข้อมูลโค้ดและปลั๊กอิน

เปิดใช้งานโหมดวินเทจ

คุณสามารถเปิดใช้งานโหมดวินเทจได้ตามขั้นตอนต่อไปนี้ -

  • เลือกตัวเลือก Preferences → Settings

  • แก้ไขไฟล์ json ไฟล์ของการกำหนดค่าการตั้งค่าที่มีชื่อคีย์เป็น ignored_packages. แพ็คเกจวินเทจรวมอยู่ในignored_packages มาตรา.

  • ลบแอตทริบิวต์ของ Vintage ออกจากการกำหนดค่าเพื่อเปิดใช้งานคุณสมบัติ Vintage ในโปรแกรมแก้ไขข้อความ Sublime

"ignored_packages": []
  • ตัวแก้ไขโหมดวินเทจของคุณจะปรากฏดังที่แสดงในภาพหน้าจอต่อไปนี้ -

โหมดวินเทจมีคำสั่งต่างๆที่คล้ายกับตัวแก้ไข vi ซึ่งรวมถึงการตั้งค่าพื้นฐานของโปรแกรมแก้ไข Sublime Text ตามที่แสดงในโค้ดด้านล่าง -

{
   "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
   "font_size": 15,
   "ignored_packages":
   [
   
   ],
   "vintage_start_in_command_mode": true,
   "theme": "Soda Dark.sublime-theme"
}
โหมด คำอธิบาย สำคัญ
โหมดคำสั่ง รอให้ผู้ใช้ป้อนคำสั่ง Esc
แทรกโหมด สามารถแทรกข้อความในตำแหน่งต่างๆ ฉัน / ฉัน / a / A
โหมดภาพ เลือก / เน้นข้อความโดยใช้คำสั่งการเคลื่อนไหว V
โหมดเส้นภาพ เลือก / เน้นบรรทัดข้อความโดยใช้ปุ่มลูกศร Shift + V

โหมดวินเทจ

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

เมื่อคุณติดตั้งแพ็คเกจวินเทจสำเร็จแล้วหน้าจอของคุณจะมีลักษณะดังที่แสดงในภาพหน้าจอต่อไปนี้ -

Sublime Editor ประกอบด้วยโมดูลการทดสอบสำหรับภาษาโปรแกรมต่างๆ สิ่งนี้ช่วยในการทดสอบหน่วยของไฟล์และสคริปต์และช่วยนักพัฒนาในการวิเคราะห์จุดบกพร่องข้อผิดพลาดและปัญหาหากมี

โปรแกรมแก้ไขข้อความ Sublime ประกอบด้วยโมดูล 3 โมดูลซึ่งจำเป็นสำหรับการทดสอบและการปรับใช้ JavaScript บทนี้จะกล่าวถึงรายละเอียด

JsFormat

JsFormat เป็นปลั๊กอิน JavaScript ที่ใช้สำหรับจัดรูปแบบบรรทัดสคริปต์ซึ่งช่วยลดขั้นตอนการทดสอบหน่วย เบื้องหลังใช้ JS beautifier (http://jsbeautifier.org/) เพื่อจัดรูปแบบ JS เต็มหรือบางส่วนของไฟล์ JS JSFormat สามารถติดตั้งได้โดยใช้ไฟล์Install Package ตัวเลือกของโปรแกรมแก้ไข Sublime

คุณสมบัติ

JsFormat มีคุณสมบัติดังต่อไปนี้ให้กับสคริปต์ -

  • ลดการจัดรูปแบบไฟล์ JS และ JSON
  • เสนอการจัดรูปแบบข้อความแบบเต็มและการจัดรูปแบบที่เลือก
  • ให้การตั้งค่าที่ปรับแต่งได้สำหรับตัวเลือกการจัดรูปแบบ

JSHint

JSHint เป็นเครื่องมือขับเคลื่อนชุมชนที่ใช้สำหรับวิเคราะห์ข้อผิดพลาดผ่านคำใบ้ ซึ่งช่วยในการตรวจหาข้อผิดพลาดและปัญหาที่อาจเกิดขึ้น JSHint เป็นแพ็คเกจโอเพ่นซอร์สเรียบง่ายและเข้าใจง่าย คุณสามารถติดตั้ง JSHine ในโปรแกรมแก้ไขข้อความ Sublime ผ่านInstall Package โหมด.

ในการติดตั้งปลั๊กอิน JSHint ใน Sublime Text Editor คุณสามารถใช้ทางลัด Alt+J บน Windows และ Cmd+j บนระบบ OSX

JavaScript ถัดไป

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

คุณสามารถทำการตรวจสอบไวยากรณ์ในไฟล์โดยใช้รายการไวยากรณ์ดังที่แสดงในภาพหน้าจอด้านล่าง -

ข้อเสนอ Python unittestกรอบการทดสอบหน่วยอย่างเป็นทางการสำหรับการทดสอบหน่วยสคริปต์ที่ออกแบบก่อนการปรับใช้ จะเรียกอีกอย่างว่าPyUnit. การทดสอบหน่วย Python ที่ใช้ในโปรแกรมแก้ไขข้อความ Sublime เรียกว่าเป็นsublime-unittests และมีอยู่ในลิงค์ต่อไปนี้ -

https://github.com/martinsam/sublime-unittest

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

การติดตั้ง UnitTest

การควบคุมแพ็คเกจของ Sublime จะจัดการการติดตั้งไฟล์ unittests และขั้นตอนต่อไปนี้อธิบายโดยละเอียด -

Step 1 - ใช้จานคำสั่งของ Sublime Editor Ctrl+Shift+P สำหรับการติดตั้งแพคเกจดังแสดงในภาพหน้าจอด้านล่าง -

Step 2 - แพ็คเกจที่ติดตั้งใช้สองตัวอย่างต่อไปนี้ -

  • testclass ซึ่งใช้ในการสร้างคลาสทดสอบใหม่

  • testfunc ซึ่งใช้ในการสร้างฟังก์ชันทดสอบใหม่ให้เรากรอก

Step 3- คอนโซลคำนวณผลการทดสอบตามที่แสดงในภาพหน้าจอด้านล่าง สังเกตว่าผลลัพธ์ขึ้นอยู่กับความสำเร็จหรือความล้มเหลวของการทดสอบ

Success Result

Failure Result

Note - กรณีทดสอบหน่วยทำงานเป็นคอมไพเลอร์สำหรับการคำนวณสคริปต์ใน python

Sublime Text Editor ใช้ Hunspell สำหรับกระบวนการตรวจสอบการสะกด Hunspellคือตัวตรวจสอบการสะกดของ LibreOffice, Mozilla Thunderbird, Google chrome และแพ็คเกจที่เป็นกรรมสิทธิ์มากมาย โปรแกรมแก้ไขข้อความ Sublime รวมถึงการรองรับพจนานุกรมสำหรับการตรวจสอบการสะกดคำที่เหมาะสม

พจนานุกรม

Sublime Text มีพจนานุกรมที่เข้ารหัส UTF-8 ในการใช้พจนานุกรมด้วยโปรแกรมแก้ไข Sublime Text ควรแปลงเป็น UTF-8 ก่อน หากผู้ใช้มีพจนานุกรมที่เข้ารหัส UTF-8 ก็สามารถติดตั้งได้โดยใช้Preferences ตัวเลือกในโปรแกรมแก้ไขข้อความ Sublime

คุณสามารถเลือกพจนานุกรมจาก View → Dictionary เมนูดังที่แสดงในภาพหน้าจอที่กำหนด -

การตั้งค่าสำหรับพจนานุกรม

มีการตั้งค่าสองแบบสำหรับการตรวจสอบการสะกดของ Sublime Text Editor -

  • Spell_check
  • Dictionary
// Set to true to turn spell checking on by default
"spell_check": false,

// Word list to use for spell checking
"dictionary": "Packages/Language - English/en_US.dic"

การกำหนดค่าเหล่านี้รวมอยู่ในไฟล์ settingsไฟล์. คำที่เพิ่มและละเว้นจะถูกเก็บไว้ในการตั้งค่าของผู้ใช้ภายใต้added_words และ ignored_words คีย์ตามลำดับ

แพคเกจซอฟต์แวร์ได้รับการติดตั้งใน Sublime Text สำหรับฟังก์ชันเพิ่มเติม คุณสามารถดูรายการแพ็คเกจซอฟต์แวร์ผ่านปุ่มทางลัดCtrl+Shift+P บน Windows และ Cmd+Shift+Pบน Mac สังเกตภาพหน้าจอต่อไปนี้เพื่อความเข้าใจที่ดีขึ้น -

แพ็คเกจเหล่านี้ได้รับการติดตั้งในไฟล์ Packages → Userไดเร็กทอรีซึ่งรวมถึงการกำหนดค่าที่จำเป็นทั้งหมด ในการเรียกดูแพ็กเกจให้เลือกPreferences → Browse Packages ตามที่แสดงในภาพหน้าจอด้านล่าง -

ไฟล์เหล่านี้เป็นการกำหนดค่าแบบกำหนดเองซึ่งสามารถเปลี่ยนแปลงได้ตามต้องการ แพ็กเกจถูกสร้างขึ้นในรูปแบบ JSON

พิจารณาไฟล์ sublime-keymap สร้างแพ็คเกจซึ่งรวมถึงรหัสต่อไปนี้ -

[
   { 
      "keys": ["super+alt+;"],
      "command": "run_macro_file",
      "args": {"file": "Packages/User/semicolon.sublime-macro"}
   }
]

ในบทนี้คุณจะได้เรียนรู้เกี่ยวกับตัวเลือกหลักของ File, Edit และ Goto เมนูของโปรแกรมแก้ไขข้อความ Sublime

บันทึกด้วยการเข้ารหัส

ตัวเลือกนี้รวมอยู่ในไฟล์ Fileเมนูที่ช่วยในการบันทึกสคริปต์และไฟล์ด้วยการเข้ารหัสที่เหมาะสม Sublime Text Editor มีตัวเลือกมากมายสำหรับการเข้ารหัสสคริปต์ Python ดังที่แสดงในภาพหน้าจอต่อไปนี้ -

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

แปลงกรณี

Convert case ช่วยในการแปลงตัวพิมพ์ใหญ่เป็นตัวพิมพ์เล็กและในทางกลับกัน โปรดดูภาพหน้าจอต่อไปนี้เพื่อความเข้าใจที่ดีขึ้น -

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

ไปที่สัญลักษณ์

ด้วยตัวเลือกนี้ผู้ใช้สามารถค้นหาหรือรับคีย์เวิร์ดที่เหมาะสมหรือฟังก์ชันใด ๆ ตัวเลือกนี้มีประโยชน์มากเมื่อเรามีโค้ดมากกว่า 1,000 บรรทัดและผู้ใช้ต้องค้นหาบรรทัดหรือคำอธิบายประกอบที่ไม่ซ้ำใคร

ภาพหน้าจอต่อไปนี้แสดงการสาธิตสัญลักษณ์ Goto -

บทก่อนหน้านี้กล่าวถึงตัวเลือกต่างๆที่เกี่ยวข้องกับไฟล์ Preferencesเมนู. ในบทนี้คุณจะได้เรียนรู้รายละเอียดเกี่ยวกับไฟล์Font settings ของโปรแกรมแก้ไขข้อความ Sublime

Sublime Editor มีขนาดตัวอักษรสามมิติ - Larger, Smaller และ Resetตัวเลือกในการเลิกทำการเปลี่ยนแปลงเฉพาะที่ทำ การใช้งานแบบอักษรที่ระบุสามารถทำได้เมื่อผู้ใช้เลือกย่อหน้าหรือข้อความที่เหมาะสมในโปรแกรมแก้ไข

พิจารณาข้อความที่เลือกในไฟล์ functions.py ที่คุณต้องทำการเปลี่ยนแปลงที่ต้องการ -

สังเกตว่าหลังจากใช้ฟอนต์ขนาดใหญ่ขึ้นมิติข้อมูลและขนาดฟอนต์ของสคริปต์จะเปลี่ยนเป็นขนาดใหญ่โดยอัตโนมัติ

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

การพัฒนาปลั๊กอิน

ขั้นตอนต่อไปนี้จะแสดงรายละเอียดวิธีการพัฒนาปลั๊กอินใน Sublime Text -

Step 1 - เลือกไฟล์ New Plugin ตัวเลือกโดยการนำทางผ่าน Tools → Developer → New Plugin ดังแสดงด้านล่าง -

Step 2 - โค้ดพื้นฐานของปลั๊กอินประกอบด้วยการนำเข้าไลบรารีหลักสองไลบรารี: sublime และ sublime_plugin.

รหัสสำหรับปลั๊กอินคือ -

import sublime
import sublime_plugin
class ExampleCommand(sublime_plugin.TextCommand):
   def run(self, edit):
      self.view.insert(edit, 0, "Hello, World!")

Step 3 - ปลั๊กอินที่กำหนดเองจะถูกบันทึกไว้ในรูปแบบ Packages → Userโฟลเดอร์ อ้างถึงภาพหน้าจอต่อไปนี้ที่ช่วยให้คุณเข้าใจอย่างสมบูรณ์เกี่ยวกับปลั๊กอินที่บันทึกไว้ในโปรแกรมแก้ไขข้อความ Sublime

เรียกใช้ปลั๊กอิน

เมื่อคุณสร้างปลั๊กอินและบันทึกไว้แล้วให้เปิดคอนโซลโดยใช้ปุ่มทางลัด Ctrl+` บน Windows และ Cmd+` บน OSX และดำเนินการคำสั่งที่แสดงที่นี่ -

view.run_command(plugin-name)

คำสั่งนี้จะเรียกใช้ปลั๊กอินที่กำหนดโดยผู้ใช้พร้อมรายการกิจกรรมที่รวมอยู่ในนั้น

Command Palette ประกอบด้วยรายการหรือคำสั่งที่ใช้บ่อย รายการคำสั่งรวมอยู่ในไฟล์.sublime-commands file.

ใช้ Command Palette

หากต้องการเปิดจานคำสั่งในโปรแกรมแก้ไขข้อความ Sublime คุณสามารถใช้การรวมคีย์ลัด Ctrl+Shift+P บน Windows และ Cmd+Shift+P บน OSX

คำสั่งที่ใช้กันทั่วไปจากจานสีคือ -

  • สร้างด้วย Python
  • ติดตั้งแพ็คเกจ

สร้างด้วย Python

สิ่งนี้จะสร้างการอ้างอิงทั้งหมดและสร้างรหัสที่ระบุของไฟล์ Python ที่กำหนด

ติดตั้งแพ็คเกจ

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

คำสั่งทั้งหมดที่รวมอยู่ในชุดคำสั่งจะถูกเก็บไว้ในไดเร็กทอรี Packages ตัวอย่างคำสั่งพื้นฐานที่ประกาศภายในไฟล์คำสั่ง Default.sublime แสดงอยู่ในโค้ดที่ระบุด้านล่าง -

[
   { "caption": "Project: Save As", "command": "save_project_as" },
   
   { "caption": "Project: Close", "command": "close_project" },
   
   { "caption": "Project: Add Folder", "command": "prompt_add_folder" },
]

Note - ไฟล์ JSON มี 3 คีย์หลักสำหรับทุกคำสั่ง -

  • Name/Caption
  • Location
  • Content

การดีบักคือกระบวนการค้นหาข้อผิดพลาดและจุดบกพร่องในโค้ดที่กำหนดและแก้ไข โปรแกรมแก้ไข Sublime ประกอบด้วยปลั๊กอินต่างๆที่มีคุณสมบัติการดีบักซึ่งช่วยในการค้นหาข้อผิดพลาดได้อย่างง่ายดาย

ในบทนี้คุณจะได้เรียนรู้วิธีการดีบักเว็บแอปพลิเคชัน PHP Sublime ใช้Sublime TestX debugปลั๊กอินเพื่อการนี้ คุณสมบัติของปลั๊กอินนี้คือ -

  • เป็นส่วนขยายที่ใช้สำหรับการดีบักไฟล์และสคริปต์ PHP

  • แสดงรายการความสามารถในการดีบักและการทำโปรไฟล์

  • รักษาสแต็กเทรซและพารามิเตอร์เรียลไทม์เช่นการแสดงผลและฟังก์ชัน

การติดตั้งปลั๊กอิน Sublime

ในการติดตั้งปลั๊กอิน Sublime Text Xdebug คุณจะต้องทำตามขั้นตอนต่อไปนี้ -

Step 1 - ติดตั้งการติดตั้งชุดควบคุมแพคเกจด้วยทางลัดของ Ctrl+Shift+P หรือ Cmd+shift+P.

Step 2 - หลังจากติดตั้งไคลเอนต์ Xdebug สำเร็จไฟล์การกำหนดค่าจะถูกเก็บไว้ในไฟล์ Installed Packagesโฟลเดอร์ ไฟล์คอนฟิกูเรชันคือไฟล์ JSON ซึ่งมีพารามิเตอร์สำหรับการดีบักเว็บแอปพลิเคชัน PHP

Step 3 - เริ่มเซสชันการดีบักของไฟล์ PHP โดยใช้ทางลัด Ctrl+F9. คุณสามารถทำได้โดยใช้ไฟล์Start Debug ตัวเลือกโดยใช้จานคำสั่ง

Step 4 - หน้าต่างแยกของ XdebugClientจะแสดงผลลัพธ์ของไฟล์ PHP มันจะเก็บขั้นตอนการดีบักโค้ดทีละบรรทัด โปรดดูภาพหน้าจอต่อไปนี้เพื่อความเข้าใจที่ดีขึ้น -

Sublime Text Editor มีปลั๊กอิน Web Inspectorสำหรับการดีบักโค้ด JavaScript ช่วยให้เรากำหนดจุดพักตรวจสอบคอนโซลและประเมินส่วนของโค้ด ในบทนี้คุณจะได้เรียนรู้รายละเอียดเกี่ยวกับปลั๊กอินนี้

การติดตั้ง Sublime Web Inspector

ขั้นตอนต่อไปนี้แสดงการติดตั้ง Sublime Web Inspector -

ขั้นตอนที่ 1

ใช้ตัวเลือกเมนู Preferences → Browse Packages เพื่อรับเส้นทางของแพ็คเกจที่ติดตั้งตามที่แสดงในภาพหน้าจอที่กำหนด

ขั้นตอนที่ 2

ด้วยความช่วยเหลือของ git พร้อมรับคำสั่งโคลนแพ็กเกจของเว็บแอปพลิเคชัน Debugging Javascript โดยใช้ที่เก็บ git ดังที่แสดงในคำสั่งที่ระบุด้านล่าง -

git clone -b ST3 "git://github.com/sokolovstas/SublimeWebInspector.git"

ขั้นตอนที่ 3

ในการทดสอบการติดตั้งให้เปิดชุดคำสั่งและเริ่มตัวตรวจสอบเว็บ คุณสามารถใช้คีย์ลัดสำหรับผู้ตรวจสอบเว็บCtrl+Shift+R บน Windows และ Cmd+Shift+Rบนระบบ OSX คุณสามารถดูจุดพักทั้งหมดที่จำเป็นสำหรับแอปพลิเคชัน JavaScript ดังที่แสดงด้านล่าง -

การประมวลผลแบทช์ใน Sublime Text ยังอ้างถึง Build systems. สร้างระบบช่วยให้ผู้ใช้เรียกใช้ไฟล์ผ่านโปรแกรมภายนอกเช่นmake, tidy และ interpreters.

ประเด็นต่อไปนี้เป็นสิ่งที่น่าสังเกตในขณะทำงานกับระบบ Build -

  • เป็นไฟล์ JSON และมีนามสกุล .sublime-build.

  • ในการเริ่มต้นกระบวนการสร้างคุณสามารถเลือกตัวเลือก Tools → Build หรือทางลัด Ctrl+B บน Windows และ Cmd+B สำหรับระบบ OSX

จำได้ว่าตลอดบทช่วยสอนนี้เรามุ่งเน้นไปที่ไฟล์ Python Sublime text มีโหมดการสร้างสองโหมดสำหรับไฟล์ python

เมื่อการสร้าง Python เสร็จสมบูรณ์คุณสามารถสังเกตผลลัพธ์ต่อไปนี้บนตัวแก้ไข -

คุณสามารถดูรายการผลลัพธ์ของการสร้างที่สร้างขึ้นสำหรับโครงการเฉพาะในโปรแกรมแก้ไขข้อความ Sublime โดยใช้ตัวเลือก Tools → Build Results → Show Build Results.

โปรดสังเกตว่าระบบสร้างและไฟล์ทั้งหมดที่เกี่ยวข้องกับการประมวลผลชุดงานต้องอยู่ภายใต้ไฟล์ Packages โฟลเดอร์ (Packages/user). หลายแพ็คเกจใน Sublime Editor มีระบบบิลด์ของตัวเอง

โหมดปราศจากสิ่งรบกวนในโปรแกรมแก้ไขข้อความ Sublime ช่วยให้แสดงรหัสและไฟล์แบบเต็มหน้าจอ คุณสามารถเข้าสู่โหมดปราศจากสิ่งรบกวนได้โดยใช้ตัวเลือกView → Enter distraction mode รายการเมนู.

เมื่อเปิดใช้งานโหมดเบี่ยงเบนความสนใจในตัวแก้ไข Sublime Text ผลลัพธ์จะปรากฏดังต่อไปนี้ -

รายการที่เข้าถึง UI Chrome ทั้งหมดถูกซ่อนไว้ แต่สามารถเข้าถึงได้ในโหมดเบี่ยงเบนความสนใจ

การปรับแต่ง

คุณสมบัติทั้งหมดของการปรับแต่งโหมดอิสระที่ทำให้ไขว้เขวของโปรแกรมแก้ไขข้อความ Sublime รวมอยู่ในไฟล์ Distraction Free.sublime-settings JSON ตามที่แสดงในภาพหน้าจอด้านล่าง

ภาพหน้าจอต่อไปนี้แสดงคุณสมบัติที่รวมอยู่ในโหมดปราศจากสิ่งรบกวนของตัวแก้ไข Sublime -

โปรดทราบว่าแอตทริบิวต์เช่น line_numbers, gutter, draw_centered, wrap_width, word_wrap และ scroll_past_end เป็นเช่นนั้นที่เปิดใช้งานโหมดปลอดสิ่งรบกวนที่น่าสนใจ

SublimeCodeIntel เป็นปลั๊กอินที่สำคัญสำหรับโปรแกรมแก้ไข Sublime Text มีคุณสมบัติดังต่อไปนี้ -

  • คุณลักษณะข้ามไปที่สัญลักษณ์ซึ่งช่วยให้ผู้ใช้ข้ามไปยังไฟล์และบรรทัดที่ระบุของสัญลักษณ์

  • รวมไลบรารีของการเติมข้อความอัตโนมัติและแสดงโมดูล / สัญลักษณ์แบบเรียลไทม์

  • คำแนะนำเครื่องมือแสดงข้อมูลในแถบสถานะเกี่ยวกับฟังก์ชันที่เกี่ยวข้อง

การติดตั้ง

คุณสามารถติดตั้งปลั๊กอิน SublimeCodeIntel ผ่านขั้นตอนต่อไปนี้ -

Step 1- รับฟังก์ชั่นการติดตั้งแพ็คเกจของโปรแกรมแก้ไขข้อความ Sublime โดยใช้ทางลัด Ctrl + Shift + P บน Windows และ Cmd + Shift + P สำหรับระบบ OSX โปรดดูภาพหน้าจอต่อไปนี้เพื่อความเข้าใจที่ดีขึ้น -

Step 2 - ตอนนี้เลือกปลั๊กอิน SublimeCodeIntel สำหรับการติดตั้งและรีสตาร์ทโปรแกรมแก้ไข Sublime Text

Step 3 - เมื่อติดตั้งไฟล์ SublimeCodeIntel ปลั๊กอินหน้าจอของคุณจะมีลักษณะดังนี้ -

การกำหนดค่า

SublimeCodeIntel มีการกำหนดค่าในตัวสองแบบ -

  • การตั้งค่า - ค่าเริ่มต้น
  • การตั้งค่า - ผู้ใช้

อ้างถึงภาพหน้าจอต่อไปนี้ที่แสดงการกำหนดค่าเหล่านี้ -

การกำหนดค่าสำหรับ SublimeCodeIntel รวมอยู่ในไฟล์ JSON ที่เรียกว่า SublimeCodeIntel.sublime-settings. การกำหนดค่าที่จำเป็นสำหรับแต่ละภาษารวมอยู่ในปลั๊กอิน SublimeCodeIntel ดังต่อไปนี้ -

/*
   Defines a configuration for each language.
*/

"codeintel_language_settings": {
   "Python3": {
      "python3": "/usr/local/bin/python3.3",
      "codeintel_scan_extra_dir": [
         "/Applications/Sublime Text.app/Contents/MacOS",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs"
      ],
      "codeintel_scan_files_in_project": true,
      "codeintel_selected_catalogs": []
   },
   
   "JavaScript": {
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_exclude_dir":["/build/", "/min/"],
      "codeintel_scan_files_in_project": false,
      "codeintel_max_recursive_dir_depth": 2,
      "codeintel_selected_catalogs": ["jQuery"]
   },
   
   "PHP": {
      "php": "/Applications/MAMP/bin/php/php5.5.3/bin/php",
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_files_in_project": true,
      "codeintel_max_recursive_dir_depth": 15,
      "codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.5.3/"]
   }
}

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