vsCode中用户自定义代码片段
程序员文章站
2024-03-23 20:18:16
...
1.点击页面左下角设置按钮,然后点击用户代码片段
2.会出现一个弹框,这是你只需要点击新增代码片段按钮
3.这里是让我们输入我们自定义代码片段的名称
4.点击之后会进入到一个这样的页面,我们自定义的代码片段都是在这个里面 进行书写的
5..我是自己定义了一个vue的自动生成的代码,为了复制,我会直接代码复制在下面
"vue": {
"prefix": "vm",
"body": [
"<!DOCTYPE html>",
"<html lang='en'>",
"<head>",
"<meta charset='UTF-8'>",
"<meta name='viewport' content='width=device-width, initial-scale=1.0'>",
"<meta http-equiv='X-UA-Compatible' content='ie=edge'>",
"<title>Document</title>",
"</head>",
"<body>",
"<div id='app'>",
"</div>",
"<script>",
"var vm = new Vue({",
" el: '#app',",
"data: {",
" }",
" });",
"</script>",
"</body>",
"</html>",
],
"description": "vue实例对象"
}
注:在body里面的代码,要用英文的双引号引起来,里面要用引号的地方必须用单引号,并且每行之间末尾要用逗号进行隔开。
保存,然后在新建的页面里面,只需要输入prefix里面简写方式,敲击回车,就能帮助我们自动生成我们想要的代码片段了。