在VScode中創(chuàng)建你的代碼模板的方法
更新時(shí)間：2020年04月30日 14:55:26 作者：樂(lè)活是一種態(tài)度
這篇文章主要介紹了在VScode中創(chuàng)建你的代碼模板的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
使用VScode的用戶代碼片段功能，來(lái)生成自己習(xí)慣的代碼模板，提升開(kāi)發(fā)效率
1.選擇菜單里的 文件 > 首選項(xiàng) > 用戶代碼片段
2.選擇你需要自定義模板的文件，以vue為例
3. 配置對(duì)應(yīng)文件json
把代碼片段寫(xiě)在json里。每個(gè)代碼段都是在一個(gè)代碼片段名稱(chēng)下定義的，并且有prefix、body和description。prefix是用來(lái)觸發(fā)代碼片段的。使用 $1，$2 等指定光標(biāo)位置，這些數(shù)字指定了光標(biāo)跳轉(zhuǎn)的順序，$0表示最終光標(biāo)位置。
{
"vue-template": {
"prefix": "vue",
"body": [
"<template>",
" <div class=\"$1\">",
"",
" </div>",
"</template>",
"",
"<script>",
"export default {",
" name: '$1',",
" data() { ",
" return {",
"",
" }",
" }",
" }",
"</script>",
"",
"<style lang=\"\" scoped>",
" .$1{",
"",
" }",
"</style>"
],
"description": "my vue template"
}
}
還有更復(fù)雜的用法…一般也用不到，我就不在這里寫(xiě)了。
到此這篇關(guān)于在VScode中創(chuàng)建你的代碼模板的方法的文章就介紹到這了,更多相關(guān)VScode創(chuàng)建代碼模板內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
- vscode vue 文件模板的配置方法
- 使用vscode快速建立vue模板過(guò)程詳解
- Vscode中快速創(chuàng)建自定義代碼模板的方法
- VsCode里的Vue模板的實(shí)現(xiàn)
- 在vscode 中設(shè)置 vue模板內(nèi)容的方法
- vscode自定義vue模板的實(shí)現(xiàn)
- VS2019 自定義項(xiàng)目模板的實(shí)現(xiàn)方法
- vsCode一鍵生成vue模板
- Vscode自定義注釋模板的實(shí)現(xiàn)示例
- VS2022添加代碼模板的實(shí)現(xiàn)步驟(圖文)
- VisualStudio2022制作多項(xiàng)目模板及Vsix插件的實(shí)現(xiàn)
相關(guān)文章
解決IDEA中編輯HTML格式文件不自動(dòng)縮進(jìn)問(wèn)題
這篇文章主要介紹了解決IDEA中編輯HTML格式文件不自動(dòng)縮進(jìn)問(wèn)題,本文內(nèi)容簡(jiǎn)短，解決方法給大家提出了，需要的朋友可以參考下2020-01-01
上一篇跟大家聊過(guò)“線性表"順序存儲(chǔ)，通過(guò)實(shí)驗(yàn)，大家也知道，如果我每次向順序表的頭部插入元素，都會(huì)引起痙攣，效率比較低下，第二點(diǎn)我們用順序存儲(chǔ)時(shí)，容易受到長(zhǎng)度的限制，反之就會(huì)造成空間資源的浪費(fèi)2013-11-11
基于IntelliJ IDEA/Android Studio插件開(kāi)發(fā)指南(推薦)
Android Studio是基于Intellij IDEA開(kāi)發(fā)的，所以開(kāi)發(fā)Android Studio的插件，其實(shí)就是開(kāi)發(fā)IDEA的插件。根據(jù)官方推薦，使用IDEA IDE來(lái)開(kāi)發(fā)IDEA插件，本文給大家介紹插件開(kāi)發(fā)的基本流程，感興趣的朋友一起看看吧2021-10-10
做完測(cè)試后，都會(huì)編寫(xiě)一份測(cè)試報(bào)告，測(cè)試報(bào)告中最主要的就是呈現(xiàn)出測(cè)試結(jié)果，哪些用例通過(guò)了，哪些用例沒(méi)有通過(guò)。像postman這么強(qiáng)大的功能也可以自動(dòng)生成報(bào)告，供我們測(cè)試同學(xué)進(jìn)行查看，顯得更加有B格2022-01-01
我們?cè)谌粘Ｊ褂肎it的過(guò)程中經(jīng)常會(huì)發(fā)生一些意外情況,如果處理不當(dāng),則可能會(huì)出現(xiàn)代碼丟失的假象,這篇文章主要給大家介紹了關(guān)于Git沖突處理指南之如何高效解決代碼沖突問(wèn)題的相關(guān)資料,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了手把手教你使用Git（圖文教程）,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
音視頻基本概念和FFmpeg的簡(jiǎn)單入門(mén)教程詳解
FFmpeg是一套可以用來(lái)記錄、轉(zhuǎn)換數(shù)字音頻、視頻，并能將其轉(zhuǎn)化為流的開(kāi)源計(jì)算機(jī)程序?？梢暂p易地實(shí)現(xiàn)多種視頻格式之間的相互轉(zhuǎn)換，這篇文章主要介紹了音視頻基本概念和FFmpeg的簡(jiǎn)單入門(mén),需要的朋友可以參考下2022-04-04
這篇文章主要介紹了從Git上checkout指定的文件夾至本地的代碼,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
這篇文章主要介紹了Azkaban3.81.x部署過(guò)程詳細(xì)介紹及遇到的坑，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了git安裝及idea配置的詳細(xì)教程,本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-10-10