在VScode中創(chuàng)建你的代碼模板的方法
更新時間：2020年04月30日 14:55:26 作者：樂活是一種態(tài)度
這篇文章主要介紹了在VScode中創(chuàng)建你的代碼模板的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
使用VScode的用戶代碼片段功能，來生成自己習慣的代碼模板，提升開發(fā)效率
1.選擇菜單里的 文件 > 首選項 > 用戶代碼片段
2.選擇你需要自定義模板的文件，以vue為例
3. 配置對應文件json
把代碼片段寫在json里。每個代碼段都是在一個代碼片段名稱下定義的，并且有prefix、body和description。prefix是用來觸發(fā)代碼片段的。使用 $1，$2 等指定光標位置，這些數字指定了光標跳轉的順序，$0表示最終光標位置。
{
"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"
}
}
還有更復雜的用法…一般也用不到，我就不在這里寫了。
到此這篇關于在VScode中創(chuàng)建你的代碼模板的方法的文章就介紹到這了,更多相關VScode創(chuàng)建代碼模板內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了低版本VS項目在VS2019無法正常編譯的問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
這篇文章主要介紹了詳解git合并沖突解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
這篇文章主要介紹了在VScode中創(chuàng)建你的代碼模板的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
windows下Idea使用git clone failed. Could not read from remote r
這篇文章主要介紹了windows下Idea使用git clone failed. Could not read from remote repository.,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-09
本系列教程將會講解郵件的基本常識與概念，郵件的協(xié)議以及郵件服務器的工作原理，然后用JavaMail發(fā)送郵件的基本實現過程，郵件內嵌圖片等高級郵件技巧。相信大家看完后，一定會有所收獲2022-05-05
Jar包一鍵重啟的Shell腳本及新服務器部署的一些經驗分享
這篇文章主要介紹了Jar包一鍵重啟的Shell腳本及新服務器部署的一些經驗，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了推薦幾個好用的WordPress媒體庫分類/文件夾管理插件2021-09-09
這篇文章主要介紹了了Git中的.gitignore文件及其用法,包括如何創(chuàng)建、配置和使用.gitignore文件來忽略不需要提交的文件和目錄,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-02-02
本文給大家匯總介紹了vscode的下載,安裝,常用插件以及常用的快捷鍵,非常的詳細,希望對大家使用vscode能夠有所幫助2020-02-02
這篇文章介紹了解決Git推送錯誤non-fast-forward的方法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06