建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
前面給大家介紹了一些VS Code的插件；很多小伙伴私信我說(shuō)安裝完以后，效率提高了不少；今天再給大家介紹一個(gè)小技巧，巧妙運(yùn)用 ”code snippets“。
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),瓊海企業(yè)網(wǎng)站建設(shè),瓊海品牌網(wǎng)站建設(shè),網(wǎng)站定制,瓊海網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,瓊海網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶(hù)成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
這個(gè)技巧完全不需要安裝任何插件就能做到，具體是如何操作呢？
首先，我們打開(kāi)VS Code 在菜單欄中找到：
Code > 首選項(xiàng) > 配置用戶(hù)代碼片段：
在配置之前我們先創(chuàng)建一個(gè)模板文件，這里以react-ts為例介紹；
然后進(jìn)入配置用戶(hù)代碼片段，選擇自己要配置的編程語(yǔ)言，我們選擇”typescriptreact“。
從"Example"： 以下的注釋就是我們模板所要使用的。
“Print to console” 是描述性字段，可以隨便寫(xiě)。
“prefix” 是觸發(fā)代碼段的文本，假設(shè)我們配置了一個(gè)叫 “cmp”的snippets，那么輸入后按回車(chē)就是這個(gè)效果。
比如我們寫(xiě) *.tsx 文件的時(shí)候都會(huì)手敲上那面的一大堆 import 之類(lèi)的，有了這個(gè)，新建文件后瞬間就可以把文件的框架內(nèi)容自動(dòng)生成出來(lái), 而且不需要裝任何插件；
模板的內(nèi)容也可以隨自己的習(xí)慣，隨意定制。
以上就是今天為大家分享的小技巧，希望能夠應(yīng)用到工作中。
本文題目：VScode小技巧，用好了瞬間提升你的工作效率！
當(dāng)前路徑：http://m.fisionsoft.com.cn/article/dpcdjde.html
