Hướng dẫn cách tạo Snippet trong Visual Studio Code

Hướng dẫn cách tạo Snippet trong Visual Studio Code
Việc tạo ra những đoạn Snippet sẽ giúp bạn tiết kiệm được không ít thời gian trong quá trình code.

Snippet là đoạn code đã được định nghĩa và gắn vào một từ khoá nào đó, nhằm tiết kiệm thời gian cho việc viết những đoạn code thường xuyên lặp lại nhiều lần.

Khi cần sử dụng, chúng ta chỉ việc gọi từ khoá để có thể chèn nội dung đã định nghĩa trước một cách đơn giản.

Với Snippet, quá trình viết code của bạn sẽ trở nên nhanh chóng hơn bao giờ hết.

Ở bài viết này, Tự Học Lập Trình sẽ hướng dẫn bạn làm thế nào để có thể tạo Snippet trong Visual Studio Code. Cùng theo dõi ngay nhé!

(Ví dụ được thực hiện trên macOS, bạn vui lòng tham khảo tương tự với Windows).

Muốn tạo Snippet trong Visual Studio Code thì đầu tiên, bạn vào menu CodePreferencesConfigure User Snippets.

Hướng dẫn cách tạo Snippet trong Visual Studio Code

Sau đó, bạn chọn New Global Snippets file... để tạo file Snippet mới.

Hướng dẫn cách tạo Snippet trong Visual Studio Code

Đặt tên cho file Snippets rồi nhấn Enter.

Hướng dẫn cách tạo Snippet trong Visual Studio Code

Ở bước này, một cửa sổ sẽ xuất hiện và bạn có thể gõ theo mẫu để tạo Snippet cho riêng mình.

Hướng dẫn cách tạo Snippet trong Visual Studio Code

Bây giờ, hãy cùng làm một ví dụ để hiểu rõ hơn nhé!

Ở đây, Tự Học Lập Trình sẽ thực hiện một Snippet để tạo nhanh đoạn code in ra màn hình giá trị của mảng như bên dưới:

Hướng dẫn cách tạo Snippet trong Visual Studio Code

Như hình phía trên:

  1. Tiêu đề của đoạn Snippet.
  2. Phạm vi ảnh hưởng của Snippet, như trong ví dụ là PHP.
  3. Prefix để bạn gõ tạo ra đoạn Snippet.
  4. Nơi chứa đoạn code bạn muốn tạo nhanh.

Bạn cũng nhìn thấy tham số $1, thực chất là để con trỏ chuột di chuyển đến vị trí đó sau khi tạo đoạn mã để có thể điền vào ngay.

Trên đây là mẹo nhỏ giúp bạn nhanh chóng tạo được một đoạn code phục vụ cho công việc của mình. Hy vọng bài viết của Tự Học Lập Trình sẽ giúp ích!