前面給大家介紹了一些VS Code的插件；很多小伙伴私信我說安裝完以后，效率提高了不少；今天再給大家介紹一個小技巧，巧妙運用 ”code snippets“。

這個技巧完全不需要安裝任何插件就能做到，具體是如何操作呢？

首先，我們打開VS Code 在菜單欄中找到：

Code > 首選項 > 配置用戶代碼片段：

在配置之前我們先創建一個模板文件，這里以react-ts為例介紹；

然后進入配置用戶代碼片段，選擇自己要配置的編程語言，我們選擇”typescriptreact“。

從"Example"： 以下的注釋就是我們模板所要使用的。

“Print to console” 是描述性字段，可以隨便寫。

“prefix” 是觸發代碼段的文本，假設我們配置了一個叫 “cmp”的snippets，那么輸入后按回車就是這個效果。

比如我們寫 *.tsx 文件的時候都會手敲上那面的一大堆 import 之類的，有了這個，新建文件后瞬間就可以把文件的框架內容自動生成出來, 而且不需要裝任何插件；

模板的內容也可以隨自己的習慣，隨意定制。

以上就是今天為大家分享的小技巧，希望能夠應用到工作中。