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 เพื่อสร้างหน้าต่างใหม่บนโปรแกรมแก้ไขข้อความ SublimeSnippets คือเทมเพลตอัจฉริยะที่สามารถใช้ซ้ำได้ทุกเมื่อที่ต้องการ โปรแกรมแก้ไขข้อความ 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/"]
}
}
การกำหนดค่าเหล่านี้สามารถปรับแต่งได้ตามต้องการ ขึ้นอยู่กับจำนวนโมดูล / ไลบรารีที่ติดตั้งโดยผู้ใช้ด้วยพารามิเตอร์ต่างๆเช่นขนาดและความซับซ้อนของโปรเจ็กต์ที่ผู้ใช้กำลังทำงานอยู่