在VScode中創(chuàng)建你的代碼模板的方法

更新時(shí)間：2020年04月30日 14:55:26 作者：樂活是一種態(tài)度

這篇文章主要介紹了在VScode中創(chuàng)建你的代碼模板的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

使用VScode的用戶代碼片段功能，來生成自己習(xí)慣的代碼模板，提升開發(fā)效率

1.選擇菜單里的文件 > 首選項(xiàng) > 用戶代碼片段

2.選擇你需要自定義模板的文件，以vue為例

3. 配置對(duì)應(yīng)文件json

把代碼片段寫在json里。每個(gè)代碼段都是在一個(gè)代碼片段名稱下定義的，并且有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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

低版本VS項(xiàng)目在VS2019無法正常編譯的問題
這篇文章主要介紹了低版本VS項(xiàng)目在VS2019無法正常編譯的問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
詳解git合并沖突解決方法
這篇文章主要介紹了詳解git合并沖突解決方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
在VScode中創(chuàng)建你的代碼模板的方法
這篇文章主要介紹了在VScode中創(chuàng)建你的代碼模板的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
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.,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-09-09
郵件的協(xié)議及服務(wù)器工作原理
本系列教程將會(huì)講解郵件的基本常識(shí)與概念，郵件的協(xié)議以及郵件服務(wù)器的工作原理，然后用JavaMail發(fā)送郵件的基本實(shí)現(xiàn)過程，郵件內(nèi)嵌圖片等高級(jí)郵件技巧。相信大家看完后，一定會(huì)有所收獲
2022-05-05
Jar包一鍵重啟的Shell腳本及新服務(wù)器部署的一些經(jīng)驗(yàn)分享
這篇文章主要介紹了Jar包一鍵重啟的Shell腳本及新服務(wù)器部署的一些經(jīng)驗(yàn)，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-04-04
推薦幾個(gè)好用的WordPress媒體庫分類/文件夾管理插件
這篇文章主要介紹了推薦幾個(gè)好用的WordPress媒體庫分類/文件夾管理插件
2021-09-09
Git忽略文件.gitignore操作方法指南
這篇文章主要介紹了了Git中的.gitignore文件及其用法,包括如何創(chuàng)建、配置和使用.gitignore文件來忽略不需要提交的文件和目錄,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-02-02
VSCode常用知識(shí)小結(jié)
本文給大家匯總介紹了vscode的下載,安裝,常用插件以及常用的快捷鍵,非常的詳細(xì),希望對(duì)大家使用vscode能夠有所幫助
2020-02-02
解決Git推送錯(cuò)誤non-fast-forward的方法
這篇文章介紹了解決Git推送錯(cuò)誤non-fast-forward的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-06-06