0


vsCode设置代码片段-已经写得很详细了

vscode如何添加代码片段


文章目录


前言

观看王元红老师视频,记录一下如何给vscode添加代码片段。方便后续敲代码使用代码片段,提高效率!!!


一、首先打开vscode

推荐:有些人的vscode是纯英文的,没有使用插件汉化,可以使用插件进行汉化!!
在这里插入图片描述

二、添加代码片段配置步骤

1.点击文件(File) => 首选项(Preferences) =>用户片段(User Snippets)

在这里插入图片描述

2.选择需要添加的代码片段

在这里插入图片描述

3.书写代码片段

我选择的是html.json

做例子

"vh":{"prefix":"vh",// 触发的关键字 输入vh按下tab键"body":["<div id=\"app\"></div>","<script>","  var vm = new Vue({","    el:'#app',","    data:{},","    })","</script>",],//描述"description":"vh components"}

由于书写代码片段很麻烦,每一行都要加

双引号

这些,所以推荐一个网站,将需要变为代码片段的代码转化为这种格式。
https://snippet-generator.app/

在这里插入图片描述

三、总结

我写的代码片段

在这里插入图片描述
然后在html文件中输入vh就会有该提示出现!!选择就行了

在这里插入图片描述

标签: vscode vue.js ide

本文转载自: https://blog.csdn.net/m0_46165586/article/details/127248606
版权归原作者 小马_xiaoen 所有, 如有侵权,请联系我们删除。

“vsCode设置代码片段-已经写得很详细了”的评论:

还没有评论