如何在VScode中写代码模板

效果:

在代码输入区中输入自定义的eser回车便可自动打出设定好的代码片段
在这里插入图片描述
在这里插入图片描述

操作步骤:

1.在VScode中点击“文件-首选项-用户片段”,打开图示界面

在这里插入图片描述

2.选择想要构建的模板语言,此处以JavaScript为例,打开图示界面

在这里插入图片描述

3.把代码片段写在json里。

每个代码段都是在一个代码片段名称下定义的,并且有prefix、body和description。prefix是用来触发代码片段的。使用 $1,$2 等指定光标位置,这些数字指定了光标跳转的顺序,$0表示最终光标位置。

注意:新文件中可能会有解释代码,是用来生成空的文档的,需要将他们全部注释,包括括号(统统注释)

在javascript.json的大括号中,书写如下代码:

在这里插入图片描述
即:

 "Print to console": {
	 	"prefix": "eser",
	 	"body": [
			"//导入express模块",
	 		"const express = require('express')",
			"创建express的服务器实例",
			"const app = express()",
			"",
			"//write your code here...",
			"",
			"//调用app.listen方法,指定端口号并启动web服务器",
			"app.listen(80,function(){",
			"console.log('Express server running at http://127.0.0.1')",
			"})",

	 	],
	 	"description": "Log output to console"
	 }

保存之后即可达到上述效果。

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一斤阳光

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值