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