[Tutorial] Viết snippet cho Microsoft Visual Studio

Những bạn nào đã từng sử dụng các IDE như Netbeans hay Visual Studio (VS) cũng biết đến những đoạn code được định nghĩa sẵn và gắn với một từ khóa nào đó, khi dev gõ từ khóa đó thì đoạn code được chèn, giúp dev tiết kiệm thời gian gõ, đó là Snippets.

Ví dụ:
psvm trong Netbeans là public static void main(String[] args) (Java)
cw trong VS là Console.WriteLine(); (C#)
Bài tutorial này mình sẽ hướng dẫn các bạn viết một snippet không có sẵn trong VS. Mình bắt đầu với Console.ReadLine();

Bước 1: tạo 1 file XML trong VS:

1.png1280x800 33.2 KB

2.png1280x800 42.7 KB

Chọn XML File, nhấn Open

3.png1280x800 30.9 KB

Và đây là file XML

Bước 2: viết snippet cho file XML
Đây là đoạn code Console.WriteLine(), các bạn copy rồi paste vào trong file XML

<?xml version="1.0" encoding="utf-8" ?>
<CodeSnippets  xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
<CodeSnippet Format="1.0.0">
<Header>
<Title>cw</Title>
<Shortcut>cw</Shortcut>
<Description>Code snippet for Console.WriteLine</Description>
<Author>Microsoft Corporation</Author>
<SnippetTypes>
<SnippetType>Expansion</SnippetType>
</SnippetTypes>
</Header>
<Snippet>
<Declarations>
<Literal Editable="false">
<ID>SystemConsole</ID>
<Function>SimpleTypeName(global::System.Console)</Function>
</Literal>
</Declarations>
<Code Language="csharp"><![CDATA[$SystemConsole$.WriteLine($end$);]]>
</Code>
</Snippet>
</CodeSnippet>
</CodeSnippets>

4.png1280x800 55.7 KB

Bước quan trọng để tạo snippet cho Console.ReadLine();

5.png1280x800 60.6 KB

Sau khi mình edit:

6.png1280x800 49.9 KB

Bước 3: save file XML.
Ở đây mình sử dụng MS Visual Studio Community 2015, mình save vào thư mục: C:Program FilesMicrosoft Visual Studio 14.0VC#Snippets1033Visual C#. Khi bạn mở thư mục này, các bạn sẽ thấy rất nhiều file snippet trong đây. Các bạn có thể mở nó bằng VS để coi code của nó như thế nào.

Các bạn save file dưới định dạng của Snippet Files(*.snippet)

7.png1280x800 77.3 KB

Mình tạo một Console Application, bước này thì ai cũng biết làm rồi
Gõ cr và nhấn Tab 2 lần:

8.png1280x800 45.1 KB

9.png1280x800 42.2 KB

Enjoy!