Tin mới

Adbox

Thứ Năm, 11 tháng 7, 2019

Tổng hợp phím tắt của Sublime Text 3


-------------------------------------------------------
-----------------------------------------------------

Sublime Text là một editor cực mạnh và phù hợp với rất nhiều ngôn ngữ lập trình khác nhau chứ không chỉ riêng PHP.
Tuy nhiên để có thể làm việc thực sự hiệu quả trên Sublime Text thì các bạn nên nắm được những phím tắt (hotkey, shortcut) của editor này. Bài viết này mình sẽ cung cấp cho các bạn tổng hợp những phím tắt cần thiết cho việc lập trình trên Sublime Text.
  • 10 theme Sublime Text tốt nhất
  • 10+ thủ thuật giúp sử dụng Sublime Text 3 hiệu quả
I.  CHỈNH SỬA
1Ctrl + XCắt dòng
2Ctrl + Shift + EnterThêm dòng phía trên con trỏ
3Ctrl + EnterThêm dòng phía dưới con trỏ
4Ctrl + Shift + ↑Đưa dòng hiện tại lên trên 1 dòng
5Ctrl + Shift + ↓Đưa dòng hiện tại xuống dưới 1 dòng
6Ctrl + LBôi đen cả dòng và đưa con trỏ xuống dòng tiếp theo
7Ctrl + DBôi đen từ đang được trỏ
8Ctrl + MĐưa trỏ đến dấu đóng ngoặc gần nhất ( ví dụ trong câu lệnh if-else)
9Ctrl + Shift + MBôi đen toàn bộ nội dung trong cặp dấu ngoặc
10 Ctrl + KKXóa hết đến cuối dòng bắt đầu từ vị trí con trỏ
11Ctrl + K + BackspaceXóa hết đến đầu dòng bắt đầu từ vị trí con trỏ
12Ctrl + ]Tab dòng hiện tại vào trong 1 tab
13Ctrl+ [Lùi dòng hiện tại ra ngoài 1 tab
14Ctrl + Shift + DNhân đôi dòng hiện tại hoặc khối lệnh được bôi đen
15Ctrl + JNối dòng phía dưới xuống cuối dòng hiện tại của con trỏ
16Ctrl + /Comment 1 dòng lệnh kiểu //
17Ctrl + Shift + /Comment 1 khối dòng lệnh kiểu /**/
18Ctrl + YLấy lại những thao tác vừa bị Undo
19Ctrl + Shift + VDán và đưa con trỏ xuống cuối dòng
20Ctrl + SpaceBật gợi ý
21Ctrl + UUndo lặp lại những thao tác trước đó
II. Điều hướng/ di chuyển
27Ctrl + PMở nhanh file bằng cách gõ tên
28Ctrl + RĐi đến vị trí kí tự được gõ
29Ctrl + ;Đi đến vị trí kí tự được gõ ở trong file hiện tại
30Ctrl + GĐi đến số dòng được gõ

III.  Cài đặt chung
31Ctrl + Shift + PMở command line
32Ctrl + KBĐóng mở hiển thị danh sách file (ở bên trái màn hình)
33Ctrl + Shift + Alt + PHiện phạm vi trong thanh trạng thái

IV. Chia màn hình
34Alt + Shift + 2Mở thêm 1 view (Chia đôi màn hình hiện tại)
35Alt + Shift + 1Trở về 1 view như mặc định
36Alt + Shift + 5Chia thành 4 màn hình view
37Ctrl + 2Nhảy đến màn hình số 2]
38Ctrl + Shift + 2Chuyển file hiện tại đến màn hình số 2

V. Thao tác với văn bản
39Ctrl + KUChuyển chữ ở con trỏ/bôi đen thành chữ hoa
40Ctrl + KLChuyển chữ ở con trỏ/bôi đen thành chữ thường
41shift+ctrl+KXóa dòng
42Ctrl+BACKSPACEXóa ký tự đằng trước
43Ctrl+DELXóa ký tự đằng sau

VI. Lựa chọn văn bản
44Alt+ctrl+DOWNThêm dòng dưới con trỏ
45Ctrl+Kctrl+DBỏ qua lựa chọn
46Shift+LLChia vùng chọn thành các dòng
47Alt+F3Thêm con trỏ ở tất cả các vị trí có 1 từ
48Alt+ctrl+UPThêm dòng mới ở trên vị trí con trỏ

VII. Code Folding and Marks
 49Ctrl+Kctrl+GXóa nhãn
50 Ctrl+KXDi chuyển vị trí nhãn
51 Ctrl+K AChọn nhãn
52 Ctrl+K+[SPACE]Đặt nhãn
53 Ctrl+KJMở tất cả
54 Shift+Ctrl+]Mở code
55 Shift+Ctrl+[Đóng code

VII. Tabs
56Ctrl + Shift + TMở tab vừa được đóng cuối cùng
57Ctrl + PgUpMở tab theo một vòng từ trái qua phải
58Ctrl + PgDownMở tab theo một vòng từ phải qua trái
59Ctrl + TabMở tab tiếp theo
60Ctrl + [NUMBER]Mở tab số [NUMBER]

VIII. Bookmarks
61Ctrl + F2Đóng mở bookmark
62 alt+F2Chọn tất cả bookmarrk
63F2Bookmark tiếp theo
64Shift + F2Bookmark phía trước
65Ctrl + Shift + F2Xóa bookmark

Tận dụng phím tắt

Dùng phím tắt để thực hiện tác vụ luôn nhanh hơn dùng chuột hay menu. Bạn không nhất thiết phải học thuộc lòng mọi phím tắt này, mà chỉ cần nhớ là chúng có tồn tại để dễ bề “lục lọi” khi cần
Chung
Ctrl+Shift+PMở 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+LChọn dòng hiện tại, tiếp tục nhấn Ctrl+L để chọn dòng tiếp theo
Ctrl+DChọn một từ, tiếp tục nhấn Ctrl+D để chọn những từ giống vậy
Ctrl+Shift+DNhâ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+MChọn toàn bộ nội dung trong dấu ngoặc
Ctrl+Shift+KXóa toàn bộ dòng
Ctrl+]Lùi dòng hiện tại vào trong 1 tab
Ctrl+/Comment/Un-comment dòng/vùng chọn hiện tại
Điều hướng/di chuyển
Ctrl+PMở 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+FTìm
Ctrl+HThay thế
Ctrl+Shift+FTìm trong các file đang mở
Tabs
Ctrl+Shift+TMở tab đã đóng gần nhất
Ctrl+TabDi 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]
Alt+Shift+5Chia màn hình thành grid gồm 4 groups
Alt+Shift+8Chia 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+F2Bookmarks/Bỏ bookmarks
F2Đi tới bookmarks tiếp theo
Shift+F2Đi tới bookmarks trước
Ctrl+Shift+F2Xóa tất cả bookmarks
Thao tác với văn bản
Ctrl+K, Ctrl+UChuyển vùng chọn sang chữ in hoa
Ctrl+K, Ctrl+LChuyển vùng chọn sang chữ thường

Tô màu mã nguồn với các gói mở rộng ngôn ngữ

Sublime hỗ trợ đến hơn 50 ngôn ngữ lập trình. Tuy nhiên, nếu làm việc với Angular, Vue, React hay những framework/ngôn ngữ mới, bạn cần phải cài đặt thêm các phần mở rộng để Sublime có thể hiểu và tô màu mã nguồn. Tùy nhu cầu cụ thể mà bạn có thể tìm thấy plugin tương ứng trên Package Control.Tôi liệt kê dưới đây những plugin thông dụng nhất.

Ngôn ngữ

  1. Babel (React): bên cạnh hỗ trợ các tính năng mới trong ES6, ES7, plugin này cũng hỗ trợ tô màu cho JSX
  2. Better CoffeeScript
  3. Flow
  4. TypeScript

Thư viện

  1. AngularJS
  2. Vue Syntax Highlight
  3. EmberScript

Emmet

Với lập trình viên front-end, Emmet là plugin không thể thiếu rồi. Emmet cho phép bạn viết HTML “nhanh như chảo chớp” bằng cách dùng biểu thức mô tả HTML, sau đó Emmer sẽ mở rộng biểu thức này. Chẳng hạn, khi bạn viết #content>p.text*5>lorem, Emmet sẽ “úm ba la” thành:
Không chỉ hỗ trợ làm việc với HTML, Emmet cũng biểu thức HTML bên trong JSX. 

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

JavaScript & NodeJS Snippets, như tên gọi, bao gồm các snippets dành riêng cho JavaScript, giúp bạn gõ 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õ qs, nhấn Tab, và Sublime sẽ làm phần việc còn lại giúp bạn. Hoặc gi như ví dụ dưới đây.
Nếu thấy Emmet hơi phức tạp, bạn có thể sử dụng một plugin khác tương tự là HTML Snippets. Plugin này có ít tính năng hơn, nhưng dễ sử dụng hơn.
Bên cạnh đó, cũng đừng quên những gói snippets khi làm việc với các thư viện/framework, chẳng hạn như ReactJS Snippets, AngularJS Snippets, VueJS Snippets…
Với CSS, bạn chỉ cần cài CSS Snippets là có hỗ trợ CSS, LESS, SASS và Stylus.

Định dạng mã nguồn

Bằng cách 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 files. Nếu là fan của Prettier, bạn đừng quên plugin JsPrettie nữa nhé.
Cảm ơn các bạn đã đọc bài viết!


----------------------------------------------------->>>>>>

Không có nhận xét nào:

Đăng nhận xét

About THEMEPDU

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum rhoncus vehicula tortor, vel cursus elit. Donec nec nisl felis. Pellentesque ultrices sem sit amet eros interdum, id elementum nisi ermentum.Vestibulum rhoncus vehicula tortor, vel cursus elit. Donec nec nisl felis. Pellentesque ultrices sem sit amet eros interdum, id elementum nisi fermentum.




Bài đăng phổ biến