Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 17++ Năm (Từ 2006 đến Nay)

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên?

4.7/5 - (16 bình chọn)

Sublime Text 3 (ST3) là phiên bản mới nhất của chương trình soạn thảo văn bản được sử dụng nhiều nhất bởi web developers, coders, và programmers. Nó sẵn có cho Mac, Windows, Linux và cho phép tải về và sử dụng miễn phí. Trong bài viết này chúng ta sẽ cùng nhau tìm hiểu về hướng dẫn sử dụng Sublime Text 3 cho web developer, phím tắt hữu ích và hơn thế nữa.

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên? 1-1-1024x682

Contents

Cài đặt tùy chọn người dùng

Mặc định, Sublime Text 3 sử dụng tabs có độ dài 4 ký tự. Điều này dẫn đến việc khó đọc code. Mình khuyến cáo tất cả các lập trình viên thêm đoạn dưới đây vào mục cài đặt người dùng (Sublime Text 3 =>Preferences => Settings – User):

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên? setting-user

Thiết lập này chuyển từ tabs sang spaces, cách lề chỉ với 2 ký tự, thước đo với độ dài 80 ký tự (để nhắc nhở bạn viết mã dễ đọc), và thêm khoảng trắng. Đây là danh sách các tùy chọn nếu bạn muốn tùy chỉnh môi trường Sublime Text 3.

1. Bảng điều khiển

Bảng điều khiển của Sublime Text 3 cho phép chúng ta thực hiện các hành động trên thanh công cụ (ví dụ: thiết lập cú pháp cho tập tin đang mở) mà không cần chạm tay vào bàn phím.  Mặc dù bảng lệnh có thể mở bằng chuột thông qua Tool => Command Palette, cách thông dụng là sử dụng phím tắt Ctrl+Shift+P

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên? command_palette

2. Không gian làm việc

Bạn code hiệu quả hơn khi mở nhiều tập tin cùng lúc? Sublime Text 3 giống như bất cứ các trình soạn thảo văn bản khác, cho phép chúng ta xem các tập tin cạnh nhau.

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên? sublimetext_wordspace

Để hiển thị 2 hàng cạnh nhau chúng ta sử dụng phím tắt Alt + Shift + 2

3. Package Control

Sublime Text 3 hỗ trợ nhiều tính năng nhưng chúng ta có thể mở rộng thêm tính năng với “package” – plugin được viết bởi cộng đồng Sublime Text 3. Cách dễ nhất để cài đặt những gói này là sử dụng Package Control. Để cài đặt Package Control trên Sublime Text 3, chúng ta làm theo hướng dẫn ở đây. Nếu cài đặt Package Control thành công chúng ta có thể tìm kiếm và cài đặt các Package thông qua phím tắt Ctrl + Shift + P

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên? install_package

4. Các phím tắt

Khi biết được những phím tắt để thực hiện hành động nào đó trong Sublime Text 3 sẽ giúp chúng ta thao tác nhanh hơn và hiệu quả công việc cũng từ đó tăng lên.

4.1. Đa con trỏ

Đa con trỏ là một trong số những tính năng hữu ích nhất của Sublime Text. Nó cho phép bạn chọn nhiều con trỏ cùng một lúc do đó giảm thiểu thời gian viết code. Để chọn nhiều con trỏ, đặt con trỏ chuột nên từ bạn muốn chọn và bấm Ctr + D hoặc Comand + D cho đến khi bạn chọn được tất cả các từ bạn muốn.

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên? mutiple_cusor

4.2. Đi đến khu vực mong muốn

Giống như bảng điều khiển, Sublime Text hỗ trợ tính năng Goto Anything có thể đưa chúng ta đến một tập tin cụ thể, dòng code, định nghĩa hàm. Để hiển thị thanh tìm kiếm Goto Anything chúng ta bấm phím Ctrl + P trên Windows và Command + P trên Mac. Để chuyển đổi giữa các tập tin, chúng ta gõ tên tập tin vào khung tìm kiếm. Nếu Sublime Text không tìm thấy tập tin cần tìm nó sẽ hiển thị toàn bộ danh sách các tập tin.

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên? go_to_anything

4.3. Đi đến một dòng trong một tập tin

Tính năng Goto Anything trong Sublime Text không những giúp chúng ta đi đến một tập tin cụ thể mà nó còn giúp chúng ta đi tới một dòng cụ thể trong một tập tin. Nếu bạn muốn đi đến một dòng trong tập tin đang mở, chúng ta mở khung tìm kiếm Goto Anything lên sau đó nhập dấu hai chấm sau đó là số dòng ( :100 để tới dòng 100 ). Để đến một dòng trong một tập tin khác, chúng ta cần nhập tên tập tin sau đó dấu hai chấm và số dòng.

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên? go_to_line

4.4. Đi đến định nghĩa trong tập tin

Nếu bạn muốn đi đến một định nghĩa lớp, phương thức hay hàm trong một tập tin, cú pháp tương tự như chúng ta đi tới một dòng. Thay vì dùng dấu hai chấm thì Goto Definition dùng dấu @. Bạn sẽ nhận được một danh sách tất cả các định nghĩa có trong tập tin sau đó chọn tên nhấn phím Enter sẽ đưa bạn đến định nghĩa mong muốn.

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên? go_to_definition-1

4.5. Chế độ tập trung

Đôi khi code hiệu quả nhất là không bị phân tâm bởi những thứ xung quanh. Không có những thứ khiến chúng ta bị phân tâm như cửa sổ làm việc, sidebar và menu. Sublime Text cung cấp cho chúng ta điều này thông qua chế độ Distraction Free Mode. Để kích hoạt nó chúng ta sử dụng phím tắt SHIFT + F11(Windows) hoặc Command + CTRL+SHIFT+F(Mac).

Sublime Text là gì? Vì sao nó quan trọng với các Lập trình viên? distraction_mode

4.6. Ẩn/hiện Sidebar

Sidebar là một phần hữu ích hiển thị cấu trúc thư mục và tập tin của bạn, nhưng đôi khi chúng ta cần thêm khoảng trống để code. Sử dụng phím tắt Ctrl+K kết hợp với Ctrl+B trên Windows và Command+K kết hợp với Ctr+B trên Mac để ẩn hoặc hiện sidebar.

Chú ý: Sidebar chỉ hiện khi bạn có nhiều tập tin hoặc một thư mục đang mở.

4.7. Comment code nhanh

Đây là một mẹo hữu ích giúp bạn comment code của bạn hoặc tạm thời comment một đoạn code cho việc kiểm tra xem đoạn code đó ảnh hưởng tới project của bạn ra sao. Để comment code nhanh trong Sublime Text 3, chọn đoạn code cần comment và sử dụng phím tắt Ctrl+/ (Windows) hoặc Command+/ (Mac). Nếu bạn không chọn đoạn code cần comment, sử dụng phím tắt trên sẽ comment toàn bộ một dòng.

5. Chọn văn bản

Chúng ta đã biết cách chọn một từ thông qua phím tắt Ctrl/Command + D. nhưng ngoài ra còn có một số phím tắt chọn hữu ích khác.

5.1. Chọn toàn bộ một dòng

Để chọn toàn bộ dòng chúng ta sử dụng phím tắt Ctrl + L (Windows) hoặc Command + L (Mac).

5.2. Căn lề nhanh

Các lập trình viên biết được sự quan trọng của việc căn lề là giúp code dễ đọc và dễ hiểu hơn. Nếu bạn muốn thụt lề bên phải, sử dụng phím tắt Ctrl + ] (Windows) hoặc Command + ] (Mac). Ngược lại muốn thụt lề trái chúng ta sử dụng Ctr + [ (Windows) hoặc Command + [ (Mac).

5.3. Dán với căn lề

Khi bạn copy./cut đoạn code được thụt lề và bạn muốn mức độ thụt lề khi dán, sử dụng phím tắt Ctrl + SHIFT + V (Windows) và Command + SHIFT + V (Mac) để dán mà vẫn giữ mức độ thụt lề.

5.4. Đổi thứ tự dòng

Bạn đã bao giờ viết mã và nhận ra rằng một số dòng không đúng theo thứ tự bạn mong muốn? Sublime Text hỗ trợ phím tắt giúp bạn di chuyển một dòng lên hoặc xuống. Ctrl + SHIFT + UP (Windows) hoặc Ctrl + SHIFT + UP (Mac) để di chuyển một dòng lên trên, Ctrl + SHIFT + DOWN (Windows) hoặc Ctrl + SHIFT + DOWN (Mac) để di chuyển một dòng xuống dưới.

Kết luận

Kiến thức như đại dương bao la và kiến thức mình biết chỉ như giọt nước trên đại dương kiến thức mênh mông. Hy vọng với những chia sẻ của mình sẽ giúp các bạn viết code nhanh hơn và trở thành một lập trình viên tốt hơn. Chúc các bạn thành công!

Xem thêm: Dịch vụ thiết kế website

Tin mới nhất

Dù bạn dùng phiên bản WordPress với lưu lượng truy cập cao hay một blog nhỏ trên máy chủ chia...

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra,...

Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. Tìm từ khóa không bao giờ là một nhiệm vụ dễ dàng ngay cả đối với các chuyên gia SEO! Nếu...
    29 giây trước
  2. Những năm gần đây, thực phẩm chức năng đã dần chứng tỏ được vai trò và vị trí của mình...
    7 giây trước
  3. WordPress là nền tảng CMS được ưa chuộng nhất trên web. Do sự phổ biến và phát triển của WordPress CMS,...
    13 giây trước
  4. Để tìm hiểu về Bootstrap các bạn cần có kiến thức cơ bản về HTML và CSS, những kiến thức...
    9 giây trước
  5. WordPress là một mã nguồn mở hệ quản trị nội dung CMS được người dùng phổ biến đông đảo nhất...
    10 giây trước
  6. Thời gian tải quá nhiều có thể gây hại cho trang web của bạn theo nhiều cách. Có một vài cách...
    13 giây trước
  7. Hàng ngày bạn sử dụng điện thoại thông minh, hay các máy chụp ảnh, quay video khác và upload lên...
    14 giây trước
  8. Hiểu và sử dụng sự khác biệt giữa các liên kết bên ngoài (External link) và liên kết nội bộ...
    14 giây trước
  9. Câu hỏi: Tôi đang tạo một plugin WordPress. Tôi nên đưa những tính năng cơ bản gì vào uninstall feature...
    17 giây trước
  10. Google đang hiển thị câu trả lời cho rất nhiều truy vấn tìm kiếm trực tiếp trong kết quả tìm...
    27 giây trước