自定义eser来设置express代码块设置方法vscode中用快捷键eser来创建nodejs中的express服务器的代码块设置方法

本文介绍了如何在VSCode中自定义代码片段(eser)以快速创建Node.js Express服务器。通过配置用户代码片段,依次进行设置步骤,包括打开设置,输入触发词,添加代码块,保存并关闭文件,最后在JavaScript文件中使用触发词快速生成Express基本结构,提升开发效率。
摘要由CSDN通过智能技术生成

快捷键“eser”来创建nodejs中的express服务器的代码块

设置方法

第一步

打开vscode – 文件 – 首选项 – 配置用户代码片段
图片1

第二步

在编辑框内输入 eser 敲回车
在这里插入图片描述

第三步

在生成的文件中加入如下代码块-- ctrl+s保存后关闭该文件
在这里插入图片描述
代码块— :该代码块在文件的{ }里面,不要放错位置

"express snippets": 
	{ "scope": "javascript", 
		"prefix": "eser", 
		"body": [ 
			"// 导入express模块;",
			"const express = require('express');", 
			"// 创建express的服务器实例;",
			"const app = express();\n", 
			"// 调用app.listen方法,在指定的3000端口启动web服务器;",
			"app.listen(3000, () => {", "\tconsole.log('Express server running at http:127.0.0.1:3000');", "})",
			 ] 
	}

第四步

在需要js文件中直接敲击eser回车即可得到刚刚设置的代码块内容。可以提高效率,不需要一行行输入express的基本结构。
在这里插入图片描述

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值