Cách tạo Snippets trong Visual Studio Code giúp làm việc nhanh hơn

Snippets được hiểu đơn giản là một đoạn mã được viết sẵn và bạn chỉ cần dùng từ khoá để có thể truy cập nó. Bạn chỉ cần sử dụng một từ khoá ngắn gọn để có thể viết nhanh một đoạn mã dài hoặc đơn giản sử dụng những đoạn mã lặp đi lặp lại nhiều lần. Trong bài viết này, Phan Hoá Gaming BMT sẽ hướng dẫn bạn cách tạo Snippets đơn giản cho riêng cá nhân bạn.

Trước tiên, bạn sẽ phải mở phần mềm VS Code(Visual Studio Code) lên. Sau đó, trên góc trên bên trái màn hình, chọn File > Preference > Configure User Snippets

Sau đó, bạn sẽ chọn ngôn ngữ lập trình mà bạn muốn Snippets của bạn hoạt động trong ngôn ngữ đó, ở đây, mình chọn html.json

hoặc bạn có thể chọn New Global Snippets file... để áp dụng Snippets cho nhiều hoặc toàn bộ ngôn ngữ

Sau khi chọn xong, một file .json sẽ được mở lên. File này sẽ là nơi cài đặt và viết nội dung cho Snippets của bạn

Sau đó, bạn sẽ cài đặt cho Snippets, mình sẽ giải thích một số từ khoá trong file:

    

Bạn sẽ khởi đầu với tên của Snippets. ở đây là "PHP Start" 

    prefix: là từ khoá của đoạn code.

    body: nội dung của Snippets, là khi bạn sử dụng Snippets với từ khoá prefix, đoạn code trong body này sẽ được in ra.

    $1, $2 là vị trí lần lượt của con trỏ chuột sau khi bạn sử dụng Snippets(sử dụng phím Tab để chuyển đến vị trí tiếp theo).

    scope: Trong trường hợp sử dụng New Global Snippets file... scope sẽ là những ngôn ngữ cho phép sử dụng Snippets(vd: PHP, HTML, CSS)

Cuối cùng, bạn sẽ lưu file .json này lại bằng cách chọn File > Save hoặc tổ hợp phím Ctrl + S.

Sau khi lưu file .json, bạn có thể sử dụng Snippets bằng cách gõ từ khoá(prefix) bạn đã tạo và cùng xem thành quả nhé

Ở đây mình sử dụng Snippets của html cho file .php là vì mã php chỉ được chạy trong cặp dấu '<?' '?>', còn nếu không, nó vẫn sẽ là mã HTML

Thật đơn giản phải không nào, cùng theo dõi những thủ thuật hay tại Phan Hoá Gaming BMT nhé!!