Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

0

Chia sẻ những phím tắt trong Sublime Text 3 và tổng hợp những gói Plugin, Package cần thiết hỗ trợ cho việc lập trình, code mã nguồn, thiết kế website chuẩn nhất hiện nay mà bạn không nên bỏ lỡ.

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình
Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

Những phím tắt trong Sublime Text 3 bạn cần nhớ

Việc sử dụng phím tắt trong Sublime Text 3 mang lại rất nhiều giá trị như tăng tốc độ code mã, nâng cao năng suất làm việc. Thay vì sử dụng chuột click mất thời gian, bạn chỉ việc kết hợp nhấn tổ hợp phím trên bàn phím là được.

Chung
Ctrl+Shift+P Mở Command Prompt
Ctrl+K, Ctrl+B Ẩn/hiện side bar
Chỉnh sửa
Ctrl+Shift+↑ Dịch chuyển dòng/vùng chọn lên 1 dòng
Ctrl+Shift+↓ Dịch chuyển dòng/vùng chọn xuống 1 dòng
Ctrl+L Chọn dòng hiện tại, tiếp tục nhấn Ctrl+L để chọn dòng tiếp theo
Ctrl+D Chọn một từ, tiếp tục nhấn Ctrl+D để chọn những từ giống vậy
Ctrl+Shift+D Nhân đôi dòng hiện tại
Ctrl+M Đi tới dấu đóng ngoặc gần nhất – Lặp lại để đi tới dấu mở ngoặc
Ctrl+Shift+M Chọn toàn bộ nội dung trong dấu ngoặc
Ctrl+Shift+K Xóa toàn bộ dòng
Ctrl+] Lùi dòng hiện tại vào trong 1 tab
Ctrl+[ Lùi dòng hiện tại ra ngoài 1 tab
Ctrl+/ Comment/Un-comment dòng/vùng chọn hiện tại
Điều hướng/di chuyển
Ctrl+P Mở nhanh file bằng tên
Ctrl+R Đi đến kí tự cần tìm
Ctrl+; Đi đến từ trong file hiện tại
Ctrl+G Đi đến dòng trong file hiện tại
Tìm kiếm và thay thế
Ctrl+F Tìm
Ctrl+H Thay thế
Ctrl+Shift+F Tìm trong các file đang mở
Tabs
Ctrl+Shift+T Mở tab đã đóng gần nhất
Ctrl+Tab Di chuyển qua lại giữa các tab
Ctrl+W Đóng tab hiện tại
Alt+[NUM] Đi tới tab thứ [NUM] **Ghi chú: NUM là Number con số trên bàn phím 0-9
Chia màn hình
Alt+Shift+NUM Chia màn hình thành [NUM] cột
Alt+Shift+5 Chia màn hình thành grid gồm 4 groups
Alt+Shift+8 Chia màn hình thành 2 hàng
Ctrl+[NUM] Đi tới group thứ [NUM]
Ctrl+[NUM] Chuyển file tới group thứ [NUM]
Bookmarks
Ctrl+F2 Bookmarks/Bỏ bookmarks
F2 Đi tới bookmarks tiếp theo
Shift+F2 Đi tới bookmarks trước
Ctrl+Shift+F2 Xóa tất cả bookmarks
Thao tác với văn bản
Ctrl+K, Ctrl+U Chuyển vùng chọn sang chữ in hoa
Ctrl+K, Ctrl+L Chuyển vùng chọn sang chữ thường

Trên đây là tổng hợp các phím tắt trong Sublime Text 3 mà mình đã tổng hợp lại cho các bạn. Nếu còn thiết các bạn hãy comment cho mình thêm vào nhé.!

Hướng dẫn cài đặt Package Control vào Sublime Text 3

Phần mềm Sublime Text là một công cụ trình soạn thảo ngôn ngữ lập trình mã nguồn mở. Để việc lập trình của bạn nhanh và tối ưu hơn thì cần phải thêm các gói Package, Plugin hỗ trợ cần thiết vào. Để làm việc đó trước tiên bạn phải cài đặt Package Control vào trong Sublime Text.

Cài đặt Package Control bằng Sublime Text console

Cách này khá đơn giản, các bạn chỉ việc mở Sublime Text Console lên bằng tổ hợp phím Ctrl+` hoặc View > Show Console trên thanh menu. Sau khi xuất hiện bảng điều khiển các bạn dán mã Python bên dưới vào và nhấn Enter.

Dành cho Sublime Text 3

Dành cho Sublime Text 2

Cài đặt Package Control bằng Plugin

Nếu bạn không mở được Sublime Text Console thì có thể sử dụng cách này. Đầu tiên các bạn hãy tải file Package Control mới nhất tại đây. Tiếp đến trên thanh menu chọn Preferences > Browse Packages… rồi tìm tới file vừa mới tải về ở bước trên. Để phần mềm soạn thảo ngôn ngữ lập trình này nhận gói Package các bạn hãy Restart lại là được.

Những Plugin + Package mở rộng cho Sublime Text 3

Sau khi các bạn đã cài đặt Sublime Text thì nó chỉ là một trình soạn thảo thông thường tuy rằng nó hỗ trợ đến hơn 50 ngôn ngữ lập trình. Nên để làm việc với những ngôn ngữ bạn cần như Angular, Vue, React, framework hay ngôn ngữ mới, bạn cần phải cài đặt thêm các gói mở rộng, bạn có thể tìm thấy những Plugin ấy trong Package Control đã cài ở trên.

Sử dụng những gói mở rộng kết hợp các phím tắt trong Sublime Text 3 sẽ giúp nâng cao tốc độ code và năng suất làm việc cho mỗi cá nhân hay tổ chức.

Ngôn ngữ

Thư viện

Emmet

Đối với các lập trình viên Front-end thì việc code nhanh, chuẩn xác giúp nâng cao năng suất làm việc thì Emmet là một plugin không thể thiếu. Emmet giúp bạn viết nhanh HTML nhanh như tia chớp bằng cách dùng biểu thức mô tả của HTML. Chẳng hạn, bạn chỉ cần viết #content>p.text*5>lorem ngay lập tức Emmet sẽ tạo thành:

Những Plugin + Package mở rộng cho Sublime Text 3

Không chỉ hỗ trợ ngôn ngữ HTML, Emmet còn hỗ trợ trong JSX và bạn cũng có thể tìm hiểu chuyên sâu tại đây.

Các gói Snippets hữu ích

JavaScript & NodeJS Snippets bao gồm các Snippets dành riêng cho JavaScript, giúp bạn gõ nhanh một đoạn mã thông dụng nhanh hơn. Ví dụ, thay vì gõ document.querySelector('selector'); bạn chỉ cần gõ phím tắt trong Sublime Text 3 qs rồi nhấn Tab và Sublime sẽ làm phần việc còn lại giúp bạn.

Những Plugin + Package mở rộng cho Sublime Text 3

Nếu bạn cảm thấy Emmet khó sử dụng thì có thể tham khảo một plugin khác như HTML Snippets. Plugin này tuy ít chức năng hơn nhưng lại khá là dễ sử dụng.

Những Plugin + Package mở rộng cho Sublime Text 3

Ngoài ra các bạn cũng có thể thêm vào các gói Snippets chẳng hạn như ReactJS Snippets, AngularJS Snippets, VueJS Snippets

Đối với CSS, bạn chỉ cần cài CSS Snippets là đủ hỗ trợ CSS, LESS, SASS và Stylus.

Định dạng mã nguồn

Sử dụng HTMLBeautify, CSS Format, Pretty JSON hoặc jsfmt bạn có thể chọn tự động định dạng mã nguồn khi lưu file. Nếu bạn yêu thích Prettier thì không thể nào bỏ qua JsPrettier.

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

Canh hàng với Alignment

Nếu bạn là một người thích sự ngăn nắp, thích code đẹp và dễ nhìn thì Alignment sẽ giúp bạn làm việc đó. Nó hỗ trợ khai báo nhiều biến, không chỉ hoạt động trên JS mà còn hỗ trợ trên cả PHP khi nhấn phím tắt trong Sublime Text 3. Xem thêm cách sử dụng Alignment tại đây

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

Loại bỏ khoảng trắng dư thừa bằng Trimmer

Trimmer hỗ trợ bạn loại bỏ những khoảng trắng thừa nhanh chóng. Ngoài ra, plugin này còn hỗ trợ Replace Smart Characters để thay thế những kí tự đặc biệt « thành <<.

Dùng DocBlockr để viết tài liệu

Khi bạn viết code đôi khi phải sử dụng thêm tài liệu mô tả về hàm hay lớp đang xây dựng, mục đích để ghi chú dễ dàng chỉnh sửa hơn cho thành viên mới thì DocBlockr sẽ giúp bạn làm việc đó. Chỉ cần gõ phím tắt trong Sublime Text 3 /** và nhấn Tab thì nó sẽ tự động nhận biết các tham số và giá trị trả về.

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

DocBlockr không chỉ hỗ trợ JavaScript mà còn được sử dụng trên nhiều ngôn ngữ khác như PHP, CoffeeScript, TypeScript…

Làm việc với git và GitHub

Git

Sử dụng Git trong Sublime Text hỗ trợ nhiều chức năng thông dụng như thêm file, tạo commits, xem logs…mà không phải rời khởi trình soạn thảo.

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

GitGutter

GitGutter cho biết trạng thái của mỗi dòng và mang lại cái nhìn tổng quát về những thay đổi trong tập tin bạn đang chỉnh sửa.

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

GitHubinator

GitHubinator hỗ trợ bôi đen code trong Sublime và hightlight đoạn code trên remote repo của Github

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

Gist

Gist cho phép bạn gửi đoạn code được chọn lên dịch vụ Gist của Github.

Linter

Sublime Linter

Trong quá trình viết code không chỉ có bạn mà còn có những người có kinh nghiệm vẫn có thể bị lỗi về cú pháp. Sublime Linter cung cấp một nền tảng giúp kiểm tra lỗi chính xác giúp bạn tìm và sửa dễ dàng.

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

Nâng cấp sidebar

Side Bar Enhancements

Nếu bạn sử dụng Sidebar mặc định của Sublime thì sẽ bị giới hạn một vài thao tác tập tin. Nhưng khi sử dụng Side Bar Enhancements giúp mở rộng thêm 20 lựa chọn mới như Open in browser, Duplicate, Refresh, Reveal…

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

AdvancedNewFile

AdvancedNewFile là gói mở rộng giúp tăng tốc tạo tập tin mới. Bạn chỉ cần nhấn phím tắt trong Sublime Text 3 Ctrl + Alt + N trong Windows, Super + Alt + N trong Mac/Linux để trực tiếp gõ đường dẫn đến tập tin mới. Nếu tập tin đó không tồn tại trong thư mục thì nó sẽ tự động tạo mới.

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

Chọn màu nhanh với ColorPicker

ColorPicker

Plugin ColorPicker sẽ tạo cho bạn một hộp thoại nhỏ để chọn màu từ bảng màu nhanh và chuẩn hơn thay vì gõ phím tắt trong Sublime Text 3 với mã màu.

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

Color Highlighter

Plugin Color Highlighter giúp bạn có thể thấy màu sắc tương ứng với mỗi giá trị màu như HEX, RGBA…trực tiếp ngay trên code của mình.

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

Bonus

Emoji

Nếu bạn thích sử dụng Emoji thì plugin này sẽ hỗ trợ bạn làm việc đó. Những ai đang sử dụng Mac thì không cần bởi nó hỗ trợ mở Emoji Panel bằng cách nhấn Control + Command + Space

Phím Tắt Trong Sublime Text 3 & Plugin Package Cần Thiết Cho Lập Trình

Tổng kết

Trên đây mình đã chia sẻ cho các bạn những phím tắt trong Sublime Text 3 và Plugin, Package cần thiết cài đặt cho công cụ lập trình, soạn thảo mã nguồn thông dụng nhất hiện nay. Nếu bạn có bất kỳ thắc mắc nào hãy để lại bình luận ở bên dưới bài viết này nhé.

Chúc các bạn thành công!

Có thể bạn quan tâm

Trả lời

Vui lòng nhập bình luận
Vui lòng điền tên ở đây

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.