Hướng dẫn php snippet vscode - đoạn mã php vscode

Đã đăng vào thg 8 3, 2019 1:31 SA 2 phút đọc 2 phút đọc

Snippet là một đoạn code được định nghĩa sẵn và gắn vào một từ khoá nào đó, khi cần dùng thì ta sẽ gọi từ khoá đó để chèn nội dung mà ta đã định nghĩa. Với snippet, quá trình gõ code của bạn sẽ nhanh hơn vì bạn sẽ không phải gõ đi gõ lại nhiều đoạn code giống nhau. Bài viết này sẽ hướng dẫn bạn làm thế nào để tạo, snippet trong Visual Studio Code. Bài viết này tôi viết cho MacOS và ở window cũng tương tự nhé.

Đầu tiên chúng ta vào Code > Preferences > User Snippets

Tiếp theo là chọn tạo file snippet mới New Global Snippets file...

Đặt tên để hoàn tất việc tạo file snippet:

Cuối cùng là viết snippet cho riêng bạn, dưới đây là một ví dụ:

{
  "Import trong javascript": {
    "scope": "javascript,typescript,vue",
    "prefix": "t-imp",
    "body": ["import $1 from '$2'", "$0"],
    "description": "Import nhanh trong javascript"
  }
}

Mỗi snippet được định nghĩa bởi tên của snippet đó bên trong nó bao gồm: scope, prefix, body và description và được ngăn cách nhau bởi dấy phẩy ,.

scope: là ngôn ngữ cho phép sử dụng snippet, nếu như bị bỏ trống hoặc không có thì snippet này sẽ áp dụng cho tất cả các ngôn ngữ. prefix: là từ khoá (trigger) của đoạn code.: là ngôn ngữ cho phép sử dụng snippet, nếu như bị bỏ trống hoặc không có thì snippet này sẽ áp dụng cho tất cả các ngôn ngữ. prefix: là từ khoá (trigger) của đoạn code.

body: là phần nội dung của snippet đó, bao gồm phần code được định nghĩa và một số biến:: là phần nội dung của snippet đó, bao gồm phần code được định nghĩa và một số biến:

• $1, $2, ...: để đánh dấu vị trí con trỏ chuột, $1 là vị trí đầu tiên mà con trỏ chuột sẽ ở đó, khi bạn tab con trỏ chuột sẽ tới vị trị của $2 và tương tự như vậy $3, $4,... hoặc bạn có thể thay $1, 2,...thaˋnh‘2,... thành ` {abcd}, $ {cdef}` thì thay vì vị trí con trỏ đó là rỗng sẽ được thay bằng đoạn text tương ứng.2,...thaˋnh‘2,... thành ` {abcd}, $ {cdef}` thì thay vì vị trí con trỏ đó là rỗng sẽ được thay bằng đoạn text tương ứng.
• $0 để đánh dấu vị trí con trỏ cuối cùng.

Đoạn snippet trên sẽ ra được như thế này:

Hy vọng bài viết sẽ giúp ích cho bạn!!!

All rights reserved

Tháng Bảy 7, 2021Tôi là lập trình viên Tôi là lập trình viên

Xin chào mọi người, Trong bài viết này, mình sẽ hướng dẫn các bạn tự tạo snippet trong Visual Studio Code. Khi các bạn tận dụng được chức năng này, snippet trong Visual Studio Code sẽ khiển bạn tiết kiệm thời gian hơn khi lập trình, khi mà có quá nhiều những dòng code mặc định được lặp đi lặp lại quá nhiều trong dự án. Cùng theo dõi bài viết này của mình nhé.
Trong bài viết này, mình sẽ hướng dẫn các bạn tự tạo snippet trong Visual Studio Code. Khi các bạn tận dụng được chức năng này, snippet trong Visual Studio Code sẽ khiển bạn tiết kiệm thời gian hơn khi lập trình, khi mà có quá nhiều những dòng code mặc định được lặp đi lặp lại quá nhiều trong dự án. Cùng theo dõi bài viết này của mình nhé.

Hướng dẫn tự tạo snippet trong Visual Studio Code

Để tạo snippet trong Visual Studio Code, các bạn cần truy cập vào menu File, chọn Preferences, và chọn User Snippets:File, chọn Preferences, và chọn User Snippets:

Lúc này, sẽ xuất hiện một Popup cho các bạn tùy chọn. Hãy chọn New Global Snippet file… như hình phía dưới nhé:New Global Snippet file… như hình phía dưới nhé:

Lúc này bạn cần nhập tên và nhấn Enter để tạo mới:

Lúc này, một của số hiển thị mô tả cho file này và một ví dụ cho việc tạo snippet:

Bạn có thể tự viết một Snippet theo như Ví dụ đã đưa ra. Ngoài ra, mình hay dùng một công cụ tạo ra chuỗi định nghĩa cho snippet. Các bạn truy cập vào website: https://snippet-generator.app/ ở đây bạn sẽ thấy ngay được công cụ sẽ có giao diện như sau:

Công cụ này sẽ tự động render ra chuỗi code dựa trên những thông tin bạn đã nhập, bao gồm:

• Description: Mô tả cho đoạn code của bạn
• Tab trigger: Phím tắt mà bạn sẽ gõ để hiển thị cả đoạn snippet
• Your snippet: Nội dung mà bạn muốn hiển thị

Bên tay phải sẽ là đoạn snippet được render ra và paste vào visual studio code. Xem ví dụ của mình nhé:

Và dán vào tệp snippet trong Visual Studio Code mà bạn đã tạo lúc này rồi lưu lại:

Và đây là thành quả nhé: