VS code自定义用户代码片段snippet

Posted famensaodiseng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VS code自定义用户代码片段snippet相关的知识,希望对你有一定的参考价值。

打开VS code,“文件-首选项-用户代码片段-选择新建全局代码片段文件 “

 

属性介绍:prefix   就是你自定义的快捷键

      body    就是你自定义的代码片段

        description 就是这段代码的注释

 

 

demo : 

{
    "Print to console": {
        "prefix": "nodes",
        "body": [
            "const http = require(‘http‘)",
            "const server = http.createServer()",
            "server.on(‘request‘, (req, res) => {",
            "   console.log(‘我是node服务器‘)",
            "$1",
        "})",
        "server.listen(3000, () => {",
        "   console.log(‘server running at http://127.0.0.1:3000‘);",
        "})"
        ],
        "description": "node 服务器"
    }
}

以上是关于VS code自定义用户代码片段snippet的主要内容,如果未能解决你的问题,请参考以下文章

Sublime Text自定制代码片段(Code Snippets)

VS自定义代码块Code Snippet

VS Code配置snippets代码片段快速生成html模板,提高前端编写效率

VS Code中自定义Emmet代码片段

VSCODE snippets的使用

如何在 Vs Code 中更改默认自动选择的用户片段行为