Chia sẻ cấu hình Sublime Text

Sublime Text là trình soạn thảo văn bản tôi dùng thay Notepad già nua của Windows. Tuy có giao diện đơn giản, Sublime Text lại ẩn chứa nhiều tính năng cao cấp. Trong bài này, tôi chia sẻ cấu hình cài đặt và vài package tôi không thể sống thiếu khi dùng Sublime Text.

Các package hữu ích

Sau khi cài Sublime Text, nó chưa có tính năng quản lý package. Để cài thêm, ta vào trang Package Control để copy đoạn code cài đặt. Sau đó, ta quay lại Sublime Text, vào menu View > Show Console để dán đoạn code. Để cài package mới, ta bấm Ctrl + Shift + P, gõ install, rồi chọn tiếp Package Control:Install Package để hiển thị danh sách package. Ta chọn package muốn cài rồi nhấn Enter.

Thay áo mới với Boxy

Giao diện mặc định của Sublime Text không đến nỗi tệ nhưng do dùng lâu ngày nên tôi đâm ra chán. Dạo quanh kho package, tôi phát hiện ra một theme mới nổi tên là Boxy. Tôi cài thử và thấy rất hài lòng. Kiểu dáng của Boxy đơn giản mà hiện đại, lại hợp tông với phong cách Windows 10, nên tôi quyết định dùng theme này luôn.

Sau khi cài xong, ta phải kích hoạt theme mới. Trước tiên, ta vào trang Wiki của Boxy để copy thông số cấu hình. Lướt qua danh sách kiểu dáng của Boxy, tôi bị kích thích bởi cái phong cách Ocean. Tôi vào trong Preferences > Settings - Users, rồi dán đoạn code sau:

{
    "theme": "Boxy Ocean.sublime-theme",
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme"
}

Cuối cùng, tôi lưu file cấu hình này lại. Ngay lập tức, Sublime Text đổi sang theme mới. Boxy còn cung cấp thêm rất nhiều cấu hình khác. Bạn có thể tham khảo tại trang gallery. Dưới đây là cấu hình tôi dùng cho Boxy:

{
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Ocean.tmTheme",
    "theme": "Boxy Ocean.sublime-theme",
    "theme_accent_purple": true,
    "theme_bar": true,
    "theme_find_panel_close_hidden": true,
    "theme_size_md": true,
    "theme_tab_line_size_lg": true,
    "theme_tab_selected_transparent": true,
    "theme_tab_selected_underlined": true
}

Gợi ý code với SublimeCodeIntel

Mặc định, Sublime Text sẽ gợi ý khi ta viết code. Tuy nhiên, tính năng này khá sơ sài vì nó chỉ gợi ý cho code HTML, CSS và JavaScript. Với ngôn ngữ khác, nó chỉ hiển thị các từ đã xuất hiện trong file. Để khắc phục điểm yếu này, tôi cài thêm package SublimeCodeIntel. Khi cài xong, tôi chẳng cần cấu hình gì cả. Từ giờ, khi viết code, khung gợi ý sẽ hiện ra.

Viết HTML nhanh với Emmet

Emmet khá nổi tiếng trong cộng đồng Sublime Text. Viết code HTML rất tốn thời gian vì các thẻ HTML hay lặp đi lặp lại. Với lập trình viên, làm công việc mang tính máy móc như thế là một cực hình. Do vậy, Emmet là vị cứu tinh cho cơn lười biếng của tôi. Vì bài viết có hạn nên tôi không hướng dẫn cách dùng tại đây. Bạn có thể tham khảo cách sử dụng tại trang documentation. Ngoài ra, nó còn có một trang tra cứu nhanh (cheat sheet) để tham khảo khi cần.

Viết lách bằng Markdown với MarkdownEditing

Từ hồi tôi biết đến cái thứ gọi là Markdown, hầu như tôi chẳng thèm mở Word lên nữa. Giờ đây, hễ đụng tới viết lách, tôi lại dùng Markdown. Nó nhanh, gọn, và đỡ tốn thời gian định dạng này nọ. Sau khi viết xong, tôi chạy một dòng lệnh đơn giản trong Command Prompt để gọi Pandoc dịch sang HTML, hoặc nếu muốn, tôi cũng có thể gõ thêm dòng lệnh thứ hai để gọi wkhtmltopdf chuyển sang PDF. Phương pháp này rất tiện lợi vì nó giải phóng tôi khỏi thao tác định dạng nhàm chán. Nhờ vậy, tôi có thể tập trung vào viết lách nhiều hơn. Các kiểu dáng (style) đã được lưu trong file CSS. Khi biên dịch sang HTML, nó sẽ được chèn vào HTML. Thế là văn bản của tôi được định kiểu trong chớp mắt.

MarkdownEditing đẩy trải nghiệm Markdown trong Sublime Text lên tầm cao mới. Trong lúc tôi gõ các kí tự đánh dấu của Markdown, nó hiển thị kiểu định dạng lúc chuyển sang HTML. Khi mở một file có đuôi là .md hoặc .markdown, Sublime Text tự động chuyển giao diện cho phù hợp với công việc viết lách.

Nếu dùng Sublime Text để viết lách, ta có thể bổ sung tính năng đếm từ bằng package WordCount. Sau khi cài đặt, nó sẽ hiển thị ở góc dưới bên trái màn hình số từ và số trang hiện có trong văn bản.

Sidebar là nơi ta thao tác với thư mục và file của dự án. Khi click phải vào một file, menu ngữ cảnh hiện ra cung cấp những tùy chọn cơ bản. Đối với người dùng chuyên nghiệp, nhiêu đó là quá ít. Để bổ sung các tính năng “khủng” cho sidebar, tôi cài thêm package SideBarEnhancements. Package này chèn thêm một loạt những tính năng hữu ích vào menu ngữ cảnh.

Tạo file và thư mục mới trong chớp mắt với AdvancedNewFile

Để tạo file mới, ta phải làm một loạt các thao tác rườm rà: tạo một tab mới bằng tổ hợp phím Ctrl + N, sau đó nhấn Ctrl + S để hiển thị hộp thoại lưu file. Tiếp theo, ta phải chọn thư mục rồi gõ tên file. Với người có máu lười như tôi, đây quả là cơn ác mộng. Do vậy, tôi phải cài thêm package AdvancedNewFile. Từ giờ, để tạo file mới, tôi bấm Ctrl + Alt + N, rồi gõ đường dẫn gồm cả tên thư mục và tên file, sau đó nhấn Enter. Nếu trong đường dẫn có thư mục không tồn tại, AdvancedNewFile sẽ tạo giúp tôi. Vậy là chỉ cần một thao tác duy nhất, tôi có thể tạo cả thư mục lẫn file mới.

Các cấu hình tiện dụng

Sublime Text tuy có nhiều tùy chọn, nhưng chúng không được trưng bày như những ứng dụng khác. Vì theo trường phát tối giản, các thông số cấu hình được đơn giản hóa bằng một file text. Để mở file này, ta vào Preferences > Settings. Dưới đây là cấu hình tôi dùng cho Sublime Text trên cả desktop và laptop.

{
    "always_show_minimap_viewport": true,
    "auto_complete": true,
    "auto_complete_commit_on_tab": true,
    "auto_complete_with_fields": true,
    "bold_folder_labels": true,
    "default_encoding": "UTF-8",
    "default_line_ending": "unix",
    "detect_indentation": true,
    "font_face": "Consolas",
    "font_size": 12,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "line_padding_bottom": 2,
    "line_padding_top": 2,
    "show_encoding": true,
    "show_line_endings": true,
    "tab_size": 4,
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true
}

Menu