vscode 快速输入指定代码片段 全局片段 全局语言片段 项目片段
说明: 在编码过程中,有很多重复的代码,如果每次新项目文件都输入一次,显然是重复工作,
所以,VScode提供代码片段,用快捷键或输入提示语来快速输入代码块。
就像在 C++ 文件中,输入 main 就会出现完整 main 函数。
1. 打开 VScode , 点击左下角 "齿轮"(管理) 图标

2.配置用户代码片段

3. 代码片段分为:
全局片段、全局某种语言片段、某个项目片段,三种方式。
3.1 全局片段: 不区分语言,任何文件都显示。

-按提示输入文件名:test (名字任意)

-存放在用户"家目录"下,test.code-snippets
文件名:test(用户指定) ,后缀:.code-snippets(固定)

3.2 全局指定某个语言片段,
在VScode 界面上方出现提示框,输入要创建代码片段的语言,这里以 Python 语言为例,
所有 VScode 打开的 .py 后缀文件,都可以使用。

-选择后,在目录下创建出“python.json”文件,和上面3.3全局文件的后缀不一样。
注意:文件名不要修改,因为是指定给 python 语言用的,vscode 会根据文件后缀选择 相应 json 文件

3.3 某个项目片段
只给当前 打开的文件夹 里使用。
假设,电脑上有个项目叫 test 。文件夹名称 vs-test

-输入文件名 test ,VScode 会自动创建 .vscode 目录,并存放 test.code-snippets 文件
注意:1. 在项目里不分语言,所有语言 都用 .code-snippets 后缀里的代码片段
2. 文件名随意,但文件已经指定给 test 项目用了,通常会写项目名,表明专用于此项目

4.创建代码片段,全局片段文件、项目片段文件语法都是通用的。
以Python 为例,上面 3.2步执行后,系统会自动打开 python.json 配置文件。里面只有 注释和示例。

5.复制示例,创建我们自己的代码片段。
假设有以下,三行代码要做成代码片段。
## 调试, 本文件名 import os tn = os.path.basename(os.path.abspath(__file__)) ###############
6.代码片段配置
"Print to console" 是输入 prefix 时的简要描述
prefix 是你输入什么,要提示代码片段,比如 main 函数,就输入 main
body 是我们要自动输入的代码片段。注意是字典类型,每行用双引号包含(行结尾,最右边双引号要以 ,(逗号)结尾,最后一行可以不用)
description 代码片段的详细描述
注意,prefix 里的名字 DF 不要和关键字重复,会歧义。最好选一个没有被使用的名字。
-
多个片段结尾也要有,(逗号),图片里第25行结尾。
注意: 片段里有双引号、\n 的,用 \ 转义, 第30行 f 字符后
-
代码片段支持变量,速查表:https://www.cnblogs.com/wutou/p/17010535.html
VScode 官方“代码片段“介绍:https://code.visualstudio.com/docs/python/tutorial-django --> Create a code snippet 段
-加入一行 "$0",(背景色的内容),插入后,光标会跳到$0的位置。$1 $2 $3 表示按下 TAB 键跳到对应位置的顺序。
"Django Tutorial: template extending layout.html": {
    "prefix": "djextlayout",
    "body": [
        "{% extends \"hello/layout.html\" %}",
        "{% block title %}",
        "$0",
        "{% endblock %}",
        "{% block content %}",
        "{% endblock %}"
    ],
    "description": "Boilerplate template that extends layout.html"
},
 -
7.设置代码片段生效范围 [注]
"scope": "markdown"

8.如没有语法错误,保存关闭就可以给 py 后缀的文件中使用了。 如果要给 cpp 文件呢? 那就搜 c++ 给 c++ 添加代码片段。
如果有红色波浪线,说明有语法错误,请仔细检查。
一般都是在右花括号,少逗号。
9. 验证。
新建一个 py 后缀文件,输入 df 然后回车,就能出现我们指定的代码片段了。

-
回车后,自动填入代码

来源:
https://www.bilibili.com/video/BV1u14y1Y79c
https://www.jb51.net/article/183164.htm
https://blog.csdn.net/qq_43682422/article/details/125912600
 
                    
                     
                    
                 
                    
                 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号