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.复制示例,创建我们自己的代码片段。
假设有以下,三行代码要做成代码片段。
1 2 3 | ## 调试, 本文件名 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 键跳到对应位置的顺序。
1 2 3 4 5 6 7 8 9 10 11 12 | "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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)