VS code导入提前编辑好的代码片段

在实际开发中,创建一个新文件后,例如.c .h,需要添加一些注释或者代码片段,那么就需要用到vscode自带的功能:配置用户代码片段

利用此功能,可以很方便的生成一个规范的代码格式,下方以 .h文件 举一个简单的示例,当然不一定是添加注释,还可以生成函数代码等,可参考c.json的举例,下方也会简单举例

关于自动生成头部注释,函数注释,可参考上一篇《VS code 自动添加文件头部注释,函数注释》,达到更规范的效果。

1、文件->首选项->配置用户代码片段
在这里插入图片描述
2、在弹出的列表里选择c.json(c++语言就选择 c++.json)
在这里插入图片描述

3、然后在c.json中添加.h头文件的简单示例

"auto H Test":{
		"prefix": "auto_H",
		"body": [
			
			
			""
			""
			"#ifndef AUTO_TEST_H"
			"#define AUTO_TEST_H"
			""
			""
			"/************************************************************************************"
			"*************************************************************************************"
			"* Include"//头文件
			"*************************************************************************************"
			"************************************************************************************/"
			"#include \"stdio.h\""
			"#include \"stdint.h\""
			""
			""
			"/*************************************************************************************"
			"**************************************************************************************"
			"* Public macros"//公有宏定义
			"**************************************************************************************"
			"*************************************************************************************/"
			""
			""
			"/*************************************************************************************"
			"*************************************************************************************"
			"* Public type definitions"//公有结构体,重定义
			"*************************************************************************************"
			"************************************************************************************/"
			""
			""
			"/************************************************************************************"
			"*************************************************************************************"
			"* Public memory declarations"//公有变量声明
			"*************************************************************************************"
			"********************************************************************************** */"
			""
			""
			"/************************************************************************************"
			"*************************************************************************************"
			"* Public functions declarations"//公有函数声明
			"*************************************************************************************"
			"************************************************************************************/"
			""
			""
			"void test(void);"
			"void test(void)"
			"{"
			"uint8_t test = 0;"
			"}"
			
			""
			"#endif /* AUTO_TEST_H */"
			""
		],
		"description": "auto generate test.h"
	}

4、新建一个文件,文件中输入 auto_H,回车,会出现刚才编辑好的代码片段
在这里插入图片描述

生成的代码如下:



#ifndef AUTO_TEST_H
#define AUTO_TEST_H


/************************************************************************************
*************************************************************************************
* Include
*************************************************************************************
************************************************************************************/
#include "stdio.h"
#include "stdint.h"


/*************************************************************************************
**************************************************************************************
* Public macros
**************************************************************************************
*************************************************************************************/


/*************************************************************************************
*************************************************************************************
* Public type definitions
*************************************************************************************
************************************************************************************/


/************************************************************************************
*************************************************************************************
* Public memory declarations
*************************************************************************************
********************************************************************************** */


/************************************************************************************
*************************************************************************************
* Public functions declarations
*************************************************************************************
************************************************************************************/


void test(void);
void test(void)
{
uint8_t test = 0;
}


#endif /* AUTO_TEST_H */

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
VS Code中运行HTML和CSS代码,你可以按照以下步骤进行操作: 1. 首先,确保已经安装了VS Code,并且已经安装了适用于HTML和CSS的插件,如"HTML CSS Support"等,以便提供语法高亮和代码提示等功能。 2. 创建一个新的HTML文件或者打开已有的HTML文件。你可以使用快捷键"Ctrl+N"创建新文件,然后将文件保存为".html"格式。 3. 在HTML文件中编写你的HTML代码,包括标签、样式和脚本等。例如,你可以创建一个简单的HTML文档结构,包含<head>和<body>标签,并在<body>中编写网页内容。 4. 如果你使用了CSS样式来美化你的网页,可以在HTML文件中使用<style>标签来嵌入CSS代码,或者将CSS代码单独保存为".css"格式的文件,并在HTML文件中使用<link>标签引用。 5. 当你完成了HTML和CSS代码的编写,可以使用VS Code提供的预览功能来查看结果。你可以按下"Ctrl+Shift+V"快捷键来打开预览窗口,或者右键点击编辑区域并选择"Open Preview"。 6. 在预览窗口中,你将能够看到你的网页在浏览器中的实时效果。如果你对代码进行了修改,预览窗口会自动更新以显示最新的结果。 除了使用预览功能之外,你也可以使用VS Code提供的调试功能来运行HTML和CSS代码。你可以在VS Code中安装适用于特定浏览器的调试插件,如"Debugger for Chrome"。然后,你可以设置断点并启动调试会话,以便在浏览器中逐行查看代码的执行过程。 总结起来,使用VS Code运行HTML和CSS代码需要依赖插件和预览功能。你可以通过编写代码并在预览窗口中查看效果,或者使用调试功能在特定浏览器中进行逐行调试。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

小xiao白

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

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

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

打赏作者

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

抵扣说明:

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

余额充值