Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Ruby

Atom Editor:เคล็ดลับ ปลั๊กอิน และทางลัดสำหรับนักพัฒนา Ruby!

หากคุณกำลังใช้ Atom สำหรับการพัฒนา Ruby คุณอาจรู้ว่ามีปลั๊กอิน (packages ใน Atom) ที่สามารถปรับปรุงประสิทธิภาพการทำงานของคุณด้วยตัวแก้ไข

แต่ที่เก็บข้อมูลแพ็คเกจของ Atom มีแพ็คเกจนับพัน!

ควรใช้อันไหน

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

หากคุณเป็นผู้ใช้ Atom คุณจะต้องชอบบทความนี้เพราะนั่นคือสิ่งที่ฉันจะพูดถึงที่นี่!

แพ็คเกจ Atom ที่ดีที่สุด

แพ็คเกจ Atom เพิ่มฟังก์ชันการทำงานใหม่ให้กับตัวแก้ไข สามารถติดตั้งได้จากอินเทอร์เฟซของตัวแก้ไขเอง

เปิดการตั้งค่าของคุณ (CTRL + , ) &คลิกที่แท็บ “ติดตั้ง”

Atom Editor:เคล็ดลับ ปลั๊กอิน และทางลัดสำหรับนักพัฒนา Ruby!

คุณสามารถพิมพ์ในช่องค้นหานั้นเพื่อติดตั้งแพ็คเกจที่แนะนำ

อะตอม รันเนอร์

แพ็คเกจแรกที่อยากแนะนำคือ “atom runner”

แพ็คเกจนี้ให้คุณเรียกใช้โค้ดได้โดยตรงในตัวแก้ไขของคุณ ผลลัพธ์จะปรากฏในหน้าต่างแยกทางด้านขวา (ที่ด้านล่างถ้าคุณมี Atom 1.17 หรือใหม่กว่า)

หน้าตาเป็นแบบนี้ :

Atom Editor:เคล็ดลับ ปลั๊กอิน และทางลัดสำหรับนักพัฒนา Ruby!

ในการติดตั้ง เพียงค้นหาชื่อบนหน้าต่างตัวจัดการแพ็คเกจ &คลิก “ติดตั้ง”

จากนั้นให้เปิดใช้งาน ตรวจสอบให้แน่ใจว่าได้ตั้งค่าประเภทไฟล์เป็น Ruby แล้วกด ALT + R (CTRL + R บน Mac)

หมายเหตุ :หากไม่ได้ผล ให้ลองเปิด Atom จากเทอร์มินัล แทนที่จะเป็นเมนูหรือไอคอนเดสก์ท็อป

หากคุณต้องการเพิ่มขนาดตัวอักษร:

ขั้นแรกให้เปิดไฟล์สไตล์ชีตของ Atom (ด้วย CTRL + ALT + P ให้พิมพ์ “osty” แล้วป้อน)

จากนั้นเพิ่มสิ่งนี้ลงในไฟล์ :

.stdout {
  font-size: 18px !important;
}

บล็อกการแปลง

คุณอาจต้องการแปลงระหว่าง do...end &{ ... } รูปแบบบล็อก คุณสามารถช่วยตัวเองทำงานโดยใช้แพ็คเกจ “แปลงบล็อก”

เมื่อติดตั้งแพ็กเกจนี้แล้ว ให้วางเคอร์เซอร์ของคุณไว้ในบล็อก ให้เปิด command-palette (CTRL + ALT + P ) และค้นหาคำว่า "converter" จากนั้นเลือก "to do end" หรือ "to curly brackets"

GIF นี้สาธิตการใช้งานแพ็กเกจนี้ :

Atom Editor:เคล็ดลับ ปลั๊กอิน และทางลัดสำหรับนักพัฒนา Ruby!

สลับคำพูด

คุณสลับระหว่างเครื่องหมายคำพูดเดี่ยวและคู่ได้ง่ายๆ ด้วยแพ็กเกจ "toggle-quotes"

หากต้องการใช้ตำแหน่งเคอร์เซอร์ของคุณภายในเครื่องหมายคำพูดที่คุณต้องการเปลี่ยน จากนั้นกด CTRL + " (หรือ CMD + " บน Mac)

ลินเทอร์ รูบี้

Linter เป็นเครื่องมือที่ชี้ให้เห็นข้อผิดพลาดในโค้ดของคุณ

ส่วนใหญ่เป็นข้อผิดพลาดทางไวยากรณ์ ดังนั้นอย่าคาดหวังปาฏิหาริย์ใด ๆ ที่นี่ 🙂

วิธีนี้ช่วยให้คุณพบข้อผิดพลาดได้เร็วขึ้นโดยไม่ต้องทำการทดสอบ .

คุณสามารถติดตั้งแพ็คเกจ “linter-ruby” ได้หากต้องการเปิดใช้งานการทับซ้อนในตัวแก้ไขของคุณ

แพ็คเกจ Atom อื่นๆ

  • https://atom.io/packages/ruby-block
  • https://atom.io/packages/color-picker
  • https://teletype.atom.io (แพ็คเกจใหม่และเป็นทางการสำหรับการเขียนโปรแกรมคู่)

แป้นพิมพ์ลัด Atom

ทุกคนชอบทางลัด!

ให้ฉันให้โต๊ะที่มีของโปรดของฉัน :

ทางลัด คำอธิบาย
CTRL + D การเลือกหลายรายการ
CTRL + F ค้นหาในไฟล์ปัจจุบัน
CTRL + P ค้นหาไฟล์ในโครงการปัจจุบัน (เปิดอย่างรวดเร็ว)
CTRL + B สลับระหว่างไฟล์ที่เปิดอยู่
CTRL + ALT + 7 สลับความคิดเห็นสำหรับโค้ดที่เลือก
CTRL + ขึ้น / ลง เลื่อนบรรทัดปัจจุบันขึ้นและลง
CTRL + Shift + K ลบบรรทัดปัจจุบัน

นี่คือ GIF ที่แสดงคุณลักษณะการเลือกหลายรายการ:

Atom Editor:เคล็ดลับ ปลั๊กอิน และทางลัดสำหรับนักพัฒนา Ruby!

คุณสามารถหาทางลัดเพิ่มเติมได้ที่นี่:

https://github.com/nwinkler/atom-keyboard-shortcuts

วิธีใช้ Atom Snippets เพื่อเพิ่มประสิทธิภาพการทำงานของคุณ

ตัวอย่างช่วยให้คุณสร้างเทมเพลตที่ขยายได้เพื่อเขียนโค้ดได้เร็วขึ้น

ตัวอย่างเช่น คุณสามารถพิมพ์ def &แป้น Enter

ที่จะสร้างเทมเพลตวิธีการให้กับคุณ นอกจากนี้ยังจะวางเคอร์เซอร์บนชื่อวิธีการเพื่อให้คุณสามารถเริ่มพิมพ์ได้ทันที

หลังจากนั้นคุณสามารถกดปุ่ม "tab" และเคอร์เซอร์จะวางเคอร์เซอร์ไว้ในเนื้อหาของวิธีการ

ค่อนข้างมีประโยชน์ใช่มั้ย

เมื่อคุณชินกับมันแล้ว คุณจะทำสิ่งนี้ตลอดเวลา

ต่อไปนี้คือรายการข้อมูลโค้ด Ruby ในตัวที่มีประโยชน์ :

ตัวอย่าง คำอธิบาย
ถ้า ถ้า / สิ้นสุด
ถ้า if / else / end
def def / end
defs def self.name / end
deft def test_ / end
cla คลาส / จบ
mod โมดูล / ปลาย
ea แต่ละ { … }
ขอ เริ่มต้น / กู้ภัย / สิ้นสุด
แฮช Hash.new { … }
ไฟล์ File.read
r attr_reader
w attr_writer
rw attr_accessor

นอกจากนี้ยังมีตัวอย่างเฉพาะของ ERB เช่น = สำหรับ <%= %> และ - สำหรับ <% %> .

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

นอกจากนี้ คุณสามารถสร้างตัวอย่างของคุณเองได้

ในการทำเช่นนั้น เพียงแค่เปิดจานคำสั่งของคุณ (CTRL + ALT + P ) &พิมพ์ “osni” แล้วกด Enter

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

ตัวอย่างมีลักษณะดังนี้ :

".source.ruby":
  "Initialize":
    prefix: "init"
    body: "def initialize\n\t$1\nend"

โดยที่สตริงแรกคือภาษาของตัวอย่างนี้ เราก็มีชื่อสำหรับตัวอย่างนี้ (สามารถเป็นอะไรก็ได้) และ "คำนำหน้า" คือคำจริงที่จะเรียกใช้ข้อมูลโค้ด "เนื้อหา" คือเทมเพลตโค้ด

หากคุณมีตัวอย่างหลายรายการ คุณไม่ต้องการทำซ้ำส่วนภาษา (.source.ruby ) คุณเพียงแค่จัดกลุ่มทุกอย่างภายใต้นั้น เยื้องอย่างถูกต้อง

สังเกต $1 ซึ่งแสดงถึงตำแหน่งที่จะวางเคอร์เซอร์หลังจากแทรกข้อมูลโค้ดแล้ว

คุณสามารถมีเคอร์เซอร์เหล่านี้ได้มากกว่าหนึ่งอย่าง

ตัวอย่าง :

"test":
  'prefix': 'test'
  'body': 'def test_$1\n\t$2\nend'

เมื่อคุณกด “tab” เคอร์เซอร์ของคุณจะไปที่ $2 แล้ว $3 , ฯลฯ

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

วิธีการเยื้องโค้ดของคุณโดยอัตโนมัติ

บางครั้งการเยื้องของคุณอาจหลุดออกมาและการแก้ไขด้วยมือก็ลำบาก…

Atom ช่วยคุณได้เพราะมันมาพร้อมกับฟีเจอร์ “การเยื้องอัตโนมัติ”

เมื่อต้องการใช้ให้เลือกโค้ดที่คุณต้องการเยื้อง ให้เปิดจานคำสั่ง (CTRL + ALT + P ) จากนั้นค้นหา "อัตโนมัติ"

การรวม Git ในตัว

Atom มีการรวม Git ตั้งแต่เวอร์ชัน 1.18

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

หมายเหตุ :คุณยังสามารถเริ่มต้นที่เก็บจากภายในตัวแก้ไขสำหรับโครงการใหม่ได้

แล้วดูที่มุมขวาล่าง มันจะขึ้นว่า “3 ไฟล์”

Atom Editor:เคล็ดลับ ปลั๊กอิน และทางลัดสำหรับนักพัฒนา Ruby!

คลิกที่นั้น &แผง Git จะเปิดขึ้นซึ่งคุณสามารถดูการเปลี่ยนแปลงที่คุณทำโดยคลิกที่แต่ละไฟล์

นอกจากนี้ คุณจะสามารถยืนยันการเปลี่ยนแปลงของคุณโดยจัดเตรียมการเปลี่ยนแปลง เพิ่มข้อความยืนยัน และคลิกปุ่ม "ยืนยัน" ที่ด้านล่างของแผงนี้

สรุป

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

แบบนี้? อย่าลืมแชร์บทความนี้เพื่อให้คนอื่นได้รับประโยชน์จากมันมากขึ้น 🙂