Hướng dẫn tối ưu Sublime Text cho coder

3788
tối ưu Sublime Text

Hôm nay chúng ta sẽ cùng tìm hiểu một số cách tối ưu Sublime Text nhé. Nhưng trước hết phải biết Sublime Text là gì đã đúng không nào các bạn. Bắt đầu thôi!

  4 lý do để VS Code là Text Editor ưa thích của mọi lập trình viên
  10+ thủ thuật giúp sử dụng Sublime Text 3 hiệu quả hơn (Phần 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++ . Xem thêm IDE là gì.
  • 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.

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

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

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.

Cách tối ưu Sublime Text

Sử dụng phím tắt

Tab

  • Ctrl + P: Mở nhanh một file

tối ưu Sublime Text

  • Ctrl + Shift + T: Mở file vừa đóng.
  • Ctrl + Tab: đi đến tab đang mở gần đây nhất.
  • Alt + number: Đế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.

Chỉnh sửa

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

tối ưu Sublime Text

  • Ctrl + Shift + K: Xóa dòng hiện tại.
  • Ctrl + Shift + D: nhân đôi dòng hiện tại.

tối ưu Sublime Text

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

tối ưu Sublime Text

  • 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.

Đ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: Phím tắt 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: Phím tắt bôi đen dòng hiện tại và chuyển con trỏ tới dòng tiếp theo.

Cài đặt chung

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

tối ưu Sublime Text

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

tối ưu Sublime Text

  • 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.

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

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.

tối ưu Sublime Text tối ưu Sublime Text

Git Blame

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

tối ưu Sublime Text

Hoặc Ctrl + Shift + P > Git để Blame:

tối ưu Sublime Text

ColorHighlighter

Hiển thị màu sắc trong code css:tối ưu Sublime Text

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.

tối ưu Sublime Text

A File Icon

Thay đổi icon:

tối ưu Sublime Text

SidebarEnhancements

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

tối ưu Sublime Text

DocBlockr

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

tối ưu Sublime Text

CodeIntel

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

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:tối ưu Sublime Text

Better CoffeeScript

HighLight màu sắc cho file .coffee:tối ưu Sublime Text

Ruby Slim

HighLight màu sắc cho file .slim:tối ưu Sublime Text

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:

tối ưu Sublime Text tối ưu Sublime Text

Đây là một ví dụ của mình:tối ưu Sublime Text

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ể!

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:

Kết luận

Hy vọng qua bài viết này các bạn đã biết một vài cách tối ưu Sublime Text, phục cho việc code của mình.

Cảm ơn các bạn đã theo dõi!

Có thể bạn quan tâm:

Xem thêm việc làm Software Developers hot nhất trên TopDev

TopDev via viblo.asia

  Vì sao tôi chuyển từ Visual Studio Code sang Sublime Text
  Hướng dẫn cách viết clean code cho lập trình viên (P1)