Tối ưu Sublime Text - Tại sao không ?

1. Giới thiệu Sublime Text

  • Sublime Text là một IDE do Jon Skinner tạo ra vào tháng 1 năm 2008, được viết dựa trên ngôn ngữ lập trình Python và C++ .

  • Là phần mềm trả phí, nhưng cho phép dùng thử vô thời hạn.

  • Hỗ trợ trên các hệ điều hành phổ biến như Windows, Mac OS và các bản phân phối của Linux như Ubuntu, Linux Mint,...

  • Nhẹ, khởi động nhanh, tốn ít tài nguyên.

  • Có một giao diện người dùng trực quan, dễ dàng tùy biến, rất bắt mắt.

  • Hỗ trợ nhận diện và tô màu từ khoá (syntax highlight) cho hơn 20 ngôn ngữ khác nhau chẳng hạn như HTML, CSS, Javascript, C++, C#, SQL, XML ….

  • Hỗ trợ nhiều plugin mạnh mẽ bởi cộng đồng developer đông đảo.

  • Bạn có thể thêm những tính năng mới thông qua việc cài đặt Plugin hay Package (hoàn toàn miễn phí).

  • Chính vì thế đây đang là một trong những editor được rất nhiều lập trình viên yêu thích sử dụng bởi các tính năng cũng như hiệu năng mà nó mang lại.

2. Cài đặt & khởi động

2.1 Cài đặt

Tham khảo hướng dẫn cài đặt trên trang chủ

Đối với linux, cài đặt với apt như sau:

  • Cài đặt GPG key:

wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -

  • Đảm bảo apt được thiết lập để hoạt động với các nguồn https:

sudo apt-get install apt-transport-https

  • Chọn bản ổn định để sử dụng:

echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list

  • Update apt:

sudo apt-get update

  • Cài đặt Sublime Text:

sudo apt-get install sublime-text

2.2 Khởi động

Khởi động: Click vào biểu tượng chương trình hoặc gõ lệnh trên Terminal:

subl: Khởi động chương trình

subl <folder_path>: Mở folder với sublime text

subl <file_path>: Mở file với sublime text

Sau đây mình sẽ chủ yếu nói tới những điều nên biết để nâng cao hiệu suất làm việc với Sublime Text.

3. Sử dụng phím tắt

3.1 Tab

Ctrl + P: Mở nhanh một file

Ctrl + Shift + T: Mở file vừa đóng.

Ctrl + Tab: Chuyển đến tab đang mở gần đây nhất.

Alt + number: Chuyển đến tab theo số thứ tự

Ctrl + PgUp/PgDown: Chuyển tab theo vòng tròn

Ctrl + W: Đóng tab đang xem / Thoát Sublime Text

3.2 Chỉnh sửa

Ctrl + F: Tìm kiếm

Ctrl + H: Tìm kiếm và thay thế

Ctrl + Shift + K: Xóa dòng hiện tại

Ctrl + Shift + D: nhân đôi dòng hiện tại

Ctrl + Shift + ↑ (↓): Di chuyển dòng/cụm, tự động đưa vào brackets (các dấu đóng mở hàm)

Ctrl + /: comment

Ctrl + Shift + /: comment dạng block

Ctrl + R: List các hàm.

Ctrl + KU: Chuyển thành chữ hoa

Ctrl + KL: Chuyển thành chữ thường

Ctrl + X: Xóa dòng hiện tại nhưng đồng thời lưu nó vào bộ nhớ đệm.

3.3 Điều hướng

Ctrl + G <số dòng> : Di chuyển tới dòng

Ctrl + P :<số dòng> : Di chuyển tới dòng

Ctrl + D: Bôi đen từ hiện tại

Ctrl + M: Di chuyển tới dấu đóng ngoặc gần nhất

Ctrl + Shift + M: Bôi đen toàn bộ nội dung trong cặp ngoặc.

Ctrl + Shift + Mũi tên trái: Bôi đen đến đầu từ về phía bên trái.

Ctrl + Shift + Mũi tên phải: Bôi đen đến đầu từ về phía bên phải.

Ctrl + L: Bôi đen dòng hiện tại và chuyển con trỏ tới dòng tiếp theo.

3.4 Cài đặt chung

Ctrl + Shift + P: Mở command line. Trong đó có install / remove package

Shift + Alt + (1/2/3/4/5/8/9): Chia thành nhiều màn hình

Ctrl + Alt + Left click: Đóng hoặc mở tất cả folder.

Ctrl + KB: Đóng mở vùng hiển thị danh sách file/folder (bên trái màn hình)

Shift + F11: Toàn màn hình

Tham khảo thêm tại Github

4. Một số plugin khá hữu ích

  1. Git Gutter

Nếu bạn đang làm việc với Git, mình khuyên bạn nên cài Git Gutter. Package này giúp thông báo những thay đổi phiên bản của bạn với Git server

.

  1. Git Blame

Chuột phải, chọn Git Blame:

Hoặc

Ctrl + Shift + P > Git: Blame

  1. ColorHighlighter

Hiển thị màu sắc trong code css

  1. Bracket HighLighter.

Package này giúp cho bạn có thể dễ nhìn thấy phần mở/ đóng của thẻ nằm ở chỗ nào.

  1. A File Icon

Thay đổi icon

  1. SidebarEnhancements

Sau khi install, hãy chuột phải vào thư mục để cảm nhận khác biệt

  1. DocBlockr

Tự động tạo comment đúng chuẩn

  1. CodeIntel

Dễ dàng tìm ra các function,class,.. đang sử dụng được viết từ đâu

  1. AutoFileName

Package này sẽ hiển thị ra tất cả các file có trong thư mục để các bạn có thể nhúng file đơn giản hơn

  1. Better CoffeeScript

HighLight màu sắc cho file .coffee

  1. Ruby Slim

HighLight màu sắc cho file .slim

5. Tự tạo snippet

Khi bạn phải code đoạn code mà cấu trúc của nó giống nhau thì thay vì phải gõ từng chữ cái thì bạn có thể gõ một vài kí tự viết tắt rồi nhấn tab là xong. Đó chính là snippet. Nhờ có snippet mà các lập trình viên có thể rút ngắn thời gian gõ bàn phím để làm việc kha khá.

Cách cài snippet

Đây là một ví dụ của mình

Sau đó lưu lại: Ctrl + S

Như vậy, chỉ cần gõ erb rồi tab thì bạn đã có ngay <%= %> Khi bạn gọi snippet ra, con trỏ mặc định sẽ đặt ở vị trí $1, tương tự sẽ có $2 $3 $4,.. để chuyển con trỏ từ vị trí $1 sang $2 $3 bạn chỉ cần dùng phím “tab” trên bàn phím. Nhờ đó mà các thao tác thừa khi sử dụng chuột sẽ loại bỏ một cách đáng kể!

6. Cấu hình Sublime Text

Bạn truy cập vào:

Preferences -> Setting

Chính sửa file:

Preferences.sublime-settings - User

Bao gồm các option như cỡ chữ, độ dài tab, ...

Một ví dụ để các bạn tham khảo:

{
  "auto_complete": true,
  "auto_complete_commit_on_tab": true,
  "copy_with_empty_selection": true,
  "ensure_newline_at_eof_on_save": true,
  "font_size": 12,
  "ignored_packages":
  [
    "Vintage"
  ],
  "index_files": true,
  "rulers":
  [
    80
  ],
  "tab_size": 2,
  "telex": true,
  "translate_tabs_to_spaces": true,
  "trim_trailing_white_space_on_save": true
}

Thank for your attention 😄