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

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

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

Code > 首選項(xiàng) > 配置用戶代碼片段：

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

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

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

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

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

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

模板的內(nèi)容也可以隨自己的習(xí)慣，隨意定制。

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