vscode添加自定义注释

简介: vscode添加自定义注释

第一步:

使用ctrl + shift + p 调出如下窗口,并且输入snippets
在这里插入图片描述

第二步:

进入 json文件编辑
这里以自定义 js注释为例:
【如果是 ts,则搜索 typescript.json

在这里插入图片描述

进入到 json 文件中后,添加如下代码,大家可以自定义设计,保存退出 我这里是一个类注释 一个方法注释
{
    // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and 
    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
    // same ids are connected.
    // Example:
    // "Print to console": {
    //     "prefix": "log",
    //     "body": [
    //         "console.log('$1');",
    //         "$2"
    //     ],
    //     "description": "Log output to console"
    // }
    "Print to js class": {
        "prefix": "*",
        "body": [
        "/**",
        " * @description : $0",
        " * @author : 'Hukang'",
        " * @param : '' ",
        " * @date : ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
        "*/"
        ],
    },
    "Print to js method": {
    "prefix": "*",
    "body": [
        "/**",
        " * @description : $0",
        " * @author : 'Hukang'",
        " * @param : '' ",
        " * @date : ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
        "*/"
        ],
    },
}

第三步:

保存退出后,我们可以在js文件中看到智能提示
点击之后会自动生成注释 ,同时date会自动生成

在这里插入图片描述

注意一下,这里html注释稍有不同
因为html注释格式为 < - - ! - - >
  "Print to html method": {
        "prefix": "zhushihtml",
        "body": [
            "<!-- ",
            "**@Description: $0",
            "-->"
        ],
    },

最后想分享一下红色警戒的源码 注释的格式 ,在红色警戒的源码公开之后,他的注释简直堪称经典
我整理了一下这段注释,致敬经典!

  "Print to js api": {
        "prefix": "nice",
        "body": [
            "/***************************************************************************************************",
            " * AircraftClass :: $0                                                                                *",
            " *                @Description: $0                                                                 *",
            " *                @Description: $0                                                                 *",
            " *                @Description: $0                                                                 *",
            " *                                                                                                 *",
            " * INPUT:$0                                                                                        *",
            " *                                                                                                 *",
            " * OUTPUT:$0                                                                                       *",
            " *                                                                                                 *",
            " * WARNINGS:$0                                                                                     *",
            " * HISTORY:                                                                                        *",
            " *         @MethodAuthor:  xxx                                                                 *",
            " *         @Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}                 *",
            "*==================================================================================================*/"
        ],
    },
相关文章
VScode用户自定义代码片段
VScode用户自定义代码片段
231 0
|
11月前
|
C++ Windows
Windows10添加自定义右键菜单VS Code
本文介绍了如何在Windows 10中通过修改注册表,将VS Code添加到右键菜单,实现右键文件、文件夹或空白处时使用VS Code打开。方法同样适用于其他程序,如Sublime Text 3。
|
JavaScript 前端开发 Windows
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
|
Android开发
Vscode中注释变成繁体的解决方法
这篇文章提供了两种解决Vscode中注释变成繁体字的方法:第一种是通过设置语言模式来更改显示语言;第二种是更改文件的编码格式,如在UTF-8和GBK之间切换,以解决乱码问题。
Vscode中注释变成繁体的解决方法
|
前端开发 搜索推荐 C++
Marp 教程:如何在 VSCode 中引入自定义样式和主题
本文介绍了如何在 Marp 中引入自定义样式和主题,使你的幻灯片更加个性化和独特。首先,你需要安装 VSCode 和 Marp 插件,了解 Marp 的基本结构。接着,通过创建自定义 CSS 文件并在 Markdown 文件中引入,实现样式定制。此外,还可以创建和使用自定义主题,以及进行高级自定义,如调整布局、引入自定义字体和定义复杂动画。最后,使用 Marp 的预览功能实时查看效果。
|
JavaScript 索引
vscode中快捷生成自定义vue3模板
vscode中快捷生成自定义vue3模板
3159 1
|
JSON Ubuntu JavaScript
工具分享:VsCode注释神器,koro1FileHeader
工具分享:VsCode注释神器,koro1FileHeader
831 3
|
Rust Shell 开发者
7步开始rust(自定义环境安装与vscode开发环境配置)
本文档详细记录了当改变Rust安装路径至特定目录(如 `/home/local_rust`)时,如何在VSCode环境中正确配置Rust开发环境的过程。主要包括:设置环境变量、使用清华大学镜像安装Rust及更新镜像源、手动部署 `rust-analyzer`、安装标准库源码、安装与配置VSCode插件等七个步骤,确保开发者能够顺利搭建并使用定制化的Rust开发环境。
2759 0
|
JSON iOS开发 数据格式
在 VScode 中设置快捷键快速添加注释(文件头部、文件函数)
在编写代码的过程中,为了增加代码的可读性和维护性,我们通常会添加注释来解释代码的作用和功能。为了提高效率,我们可以在 VScode 中设置快捷键,以便快速添加注释,包括文件头部和函数注释。下面是详细的设置步骤:
7676 1
在 VScode 中设置快捷键快速添加注释(文件头部、文件函数)
|
小程序 PHP Perl
vscode设置php自定义注释格式
写代码一般的注释都是有格式的,方便自己和他人阅读代码,多人开发的时候,也能更快的找到这部分代码是由谁来编写的。 好的代码注释确实是一个好习惯,但是,有的时候就是这玩意有敲起来有点费劲~
661 0

热门文章

最新文章