Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> Ruby

Atom Editor cho Ruby: Top Plugin & Phím tắt thiết yếu

Nếu bạn dùng Atom cho phát triển Ruby thì bạn có thể biết có plugin (packages trong Atom) có thể cải thiện năng suất với trình soạn thảo.

Nhưng kho package của Atom có hàng nghìn package!

Bạn nên dùng cái nào?

Và bên cạnh đó, phím tắt bàn phím hữu ích nào bạn có thể dùng để làm việc nhanh hơn?

Nếu bạn dùng Atom bạn sẽ thích bài viết này vì chính xác đó là những gì tôi bao phủ ở đây!

Các Package Atom tốt nhất

Package Atom thêm chức năng mới cho trình soạn thảo. Chúng có thể cài từ giao diện của chính trình soạn thảo.

Mở Settings (CTRL + ,) & bấm tab “Install”.

Atom Editor cho Ruby: Top Plugin & Phím tắt thiết yếu

Bạn gõ vào ô tìm kiếm để cài package khuyến nghị.

Atom Runner

Package đầu tiên tôi muốn khuyến nghị gọi là “atom runner”.

Package này cho phép chạy mã trực tiếp trong trình soạn thảo. Đầu ra xuất hiện ở cửa sổ chia tách bên phải (ở dưới nếu bạn dùng Atom 1.17 trở lên).

Trông như thế này:

Atom Editor cho Ruby: Top Plugin & Phím tắt thiết yếu

Để cài chỉ cần tìm tên trên cửa sổ package manager & bấm “Install”.

Sau đó để chạy hãy chắc chắn file type là Ruby & bấm ALT + R (CTRL + R trên Mac).

Lưu ý: Nếu không chạy thử mở Atom từ terminal, thay vì menu hoặc icon desktop.

Nếu muốn tăng cỡ font:

Mở file stylesheet của Atom (với CTRL + ALT + P, gõ “osty”, enter).

Sau đó thêm vào file:

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

Block Convert

Bạn có thể muốn chuyển đổi giữa định dạng block do...end & { ... }. Bạn tiết kiệm công sức dùng package “block convert”.

Với package đã cài đặt đặt con trỏ trong block, mở command-palette (CTRL + ALT + P) & tìm “converter”, chọn “to do end” hoặc “to curly brackets”.

GIF này demo package:

Atom Editor cho Ruby: Top Plugin & Phím tắt thiết yếu

Toggle Quotes

Bạn dễ dàng chuyển đổi giữa ngoặc đơn & kép với package “toggle-quotes”.

Để dùng đặt con trỏ trong cặp ngoặc muốn đổi sau đó bấm CTRL + " (hoặc CMD + " trên Mac).

Linter Ruby

Linter là công cụ chỉ ra lỗi trong mã.

Phần lớn lỗi cú pháp, đừng kỳ vọng kỳ tích 🙂

Nó giúp bạn tìm lỗi nhanh hơn mà không cần chạy test.

Bạn cài package “linter-ruby” nếu muốn bật linting.

Các Package Atom khác

  • https://atom.io/packages/ruby-block
  • https://atom.io/packages/color-picker
  • https://teletype.atom.io (Package mới & chính thức cho pair programming)

Phím tắt bàn phím Atom

Mọi người thích shortcut!

Cho bạn bảng một số yêu thích:

Phím tắt Mô tả
CTRL + D Multi Selection (Chọn đa điểm)
CTRL + F Tìm trong file hiện tại
CTRL + P Tìm file trong dự án (quick open)
CTRL + B Chuyển giữa file mở
CTRL + ALT + 7 Bật/tắt comment cho code chọn
CTRL + UP / DOWN Di chuyển dòng hiện tại lên/xuống
CTRL + Shift + K Xóa dòng hiện tại

GIF demo tính năng multi-select:

Atom Editor cho Ruby: Top Plugin & Phím tắt thiết yếu

Bạn tìm thêm shortcut ở:

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

Cách dùng Atom Snippets để tăng năng suất

Snippets cho phép tạo mẫu mở rộng để viết mã nhanh hơn.

Ví dụ, gõ def & Enter.

Điều này tạo mẫu phương thức. Nó cũng đặt con trỏ trên tên phương thức để bạn gõ ngay.

Sau đó bấm “tab” & nó đặt con trỏ vào thân phương thức.

Rất hữu ích, phải không?

Khi quen bạn sẽ làm luôn.

Danh sách một số snippet Ruby built-in hữu ích:

Snippet Mô tả
if if / end
ife if / else / end
def def / end
defs def self.name / end
deft def test_ / end
cla class / end
mod module / end
ea each { … }
beg begin / rescue / end
Hash Hash.new { … }
File File.read
r attr_reader
w attr_writer
rw attr_accessor

Cũng có snippet ERB, như = cho <%= %> và - cho <% %>.

Lưu ý file type phải đặt “Ruby” để snippet hoạt động. Tự động nếu file có đuôi .rb.

Thêm vào đó, bạn tự tạo snippet.

Mở command palette (CTRL + ALT + P) gõ “osni” enter.

File mở ra nơi bạn định nghĩa snippet tùy chỉnh.

Snippet trông như sau:

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

Chuỗi đầu là ngôn ngữ, tiếp theo tên snippet (tùy ý), “prefix” là từ khóa kích hoạt, “body” là mẫu mã.

Nếu nhiều snippet không muốn lặp phần ngôn ngữ (.source.ruby), nhóm mọi thứ dưới đó, thụt lề đúng.

Chú ý $1 đây là vị trí con trỏ sau khi chèn snippet.

Bạn cũng có nhiều vị trí con trỏ hơn.

Ví dụ:

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

Khi bấm “tab” con trỏ đi $2, rồi $3, v.v.

Hãy suy nghĩ gì bạn gõ thường mà chưa có snippet built-in, viết snippet tùy chỉnh cho nó.

Cách tự động indent (căn lề) mã

Đôi khi indent bị lộn & sửa tay mỏi…

Atom có tính năng “Auto Indent”.

Để dùng chọn mã muốn indent, mở command palette (CTRL + ALT + P), tìm “auto”.

Tích hợp Git built-in

Atom tích hợp Git từ phiên bản 1.18.

Để dùng chắc chắn file bạn sửa thuộc dự án có git repo khởi tạo.

Lưu ý: Bạn cũng khởi tạo repo từ trong trình soạn thảo cho dự án mới.

Nhìn góc dưới phải, nó nói “3 files” gì đó.

Atom Editor cho Ruby: Top Plugin & Phím tắt thiết yếu

Bấm vào đó panel Git mở, xem thay đổi bấm vào từng file.

Cũng commit thay đổi bằng cách stage changes, thêm commit message bấm “commit” dưới panel.

Tóm tắt

Trong bài này bạn học cách trở thành dev Ruby năng suất hơn bằng cách cài package hữu ích, học phím tắt & định nghĩa snippet tùy chỉnh!

Thích? Đừng quên chia sẻ bài viết để nhiều người hưởng lợi 🙂