VSCode代码片段配置

这篇具有很好参考价值的文章主要介绍了VSCode代码片段配置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.在VSCode设置 > 配置用户代码片段菜单添加

VSCode代码片段配置

 2.在输入框中选择新建代码片段

VSCode代码片段配置

 

3.输入代码片段名称.例如:copyright

VSCode代码片段配置

4. 生成第3步名称的代码片段文件,默认位置:C:\Users\你的电脑名称\AppData\Roaming\Code\User\snippets

VSCode代码片段配置

5. 代码片段模板的解释如下: 重点关注scope+prefix+body参数的配置,

        5.1 scope是代码片段适用的语言, 不配置则默认适用所有语言

        5.2 prefix 前缀,也就是快捷指令,在编辑器中输入快捷指令即可快速加载出该代码片段

        5.3 body 也就是代码片段的内容, 支持环境变量及可选入参

 6. 根据模板编写代码片段后保存,body中支持换行符 制表符等特殊字符

VSCode代码片段配置

 

7.在编辑区域即可通过prefix 中配置的快捷指令来快速插入body中的内容

VSCode代码片段配置

VSCode代码片段配置

 8. body中关于变量的用法

VSCode代码片段配置

 

TM_SELECTED_TEXT The currently selected text or the empty string
TM_CURRENT_LINE The contents of the current line
TM_CURRENT_WORD The contents of the word under cursor or the empty string
TM_LINE_INDEX The zero-index based line number
TM_LINE_NUMBER The one-index based line number
TM_FILENAME The filename of the current document
TM_FILENAME_BASE The filename of the current document without its extensions
TM_DIRECTORY The directory of the current document
TM_FILEPATH The full file path of the current document
RELATIVE_FILEPATH The relative (to the opened workspace or folder) file path of the current document
CLIPBOARD The contents of your clipboard
WORKSPACE_NAME The name of the opened workspace or folder
WORKSPACE_FOLDER The path of the opened workspace or folder
CURSOR_INDEX The zero-index based cursor number
CURSOR_NUMBER The one-index based cursor number
For inserting the current date and time:

CURRENT_YEAR The current year
CURRENT_YEAR_SHORT The current year's last two digits
CURRENT_MONTH The month as two digits (example '02')
CURRENT_MONTH_NAME The full name of the month (example 'July')
CURRENT_MONTH_NAME_SHORT The short name of the month (example 'Jul')
CURRENT_DATE The day of the month as two digits (example '08')
CURRENT_DAY_NAME The name of day (example 'Monday')
CURRENT_DAY_NAME_SHORT The short name of the day (example 'Mon')
CURRENT_HOUR The current hour in 24-hour clock format
CURRENT_MINUTE The current minute as two digits
CURRENT_SECOND The current second as two digits
CURRENT_SECONDS_UNIX The number of seconds since the Unix epoch
For inserting random values:

RANDOM 6 random Base-10 digits
RANDOM_HEX 6 random Base-16 digits
UUID A Version 4 UUID
For inserting line or block comments, honoring the current language:

BLOCK_COMMENT_START Example output: in PHP /* or in HTML <!--
BLOCK_COMMENT_END Example output: in PHP */ or in HTML -->
LINE_COMMENT Example output: in PHP //

 例如:

VSCode代码片段配置

 VSCode代码片段配置

 VSCode代码片段配置

 

 9. 更多用法请参考: Snippets in Visual Studio Code文章来源地址https://www.toymoban.com/news/detail-445211.html

到了这里,关于VSCode代码片段配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • [环境配置][vscode]vscode上ssh输入密码时候用户不是自己设置的解决方法

    今天遇到一个奇怪的问题,就是vscode去ssh用户时候怎么都显示密码不对,发现上面提示用户名提示和我设置不一样,我明明设置是abc但是显示是电脑用户名,于是去C:Usersadmin.sshconfig查看发现没有问题,这就奇怪了。于是把config改成下面格式再次连接就可以了 对照这个我改

    2024年02月11日
    浏览(34)
  • VScode快速生成Vue3组件模板(代码片段&插件)

    方法一:配置用户代码片段 好处:可以完全按照个人习惯设置。 1、打开设置里的用户代码片段 2、找到vue.json 3、配置如下: 4、使用:输入vue回车生成 方法二:使用Vue VSCode Snippets插件 好处:安装即用,生成默认模板。 1、下载Vue VSCode Snippets插件并启用 2、使用:输入vue回车

    2024年02月14日
    浏览(39)
  • Python代码片段之Django静态文件URL的配置

    首先要说明这段python代码并不完整,而且我也没有做过测试,只是我在工作时参考了其中的一些个方法。这是我在找python相关源码资料里看到的一段代码,是 Django 静态文件URL配置代码片段2,代码中有些方法还是挺技巧的,做其它操作时可以参考着使用。需要完整代码的伙伴

    2024年02月15日
    浏览(45)
  • 当你准备提交vscode代码出现提示你未配置邮箱和用户名时:请确保已在git中配置您的“user.name”和“user.email”,怎么配置邮箱和用户名具体操作如下

    1.直接在终端输入: git config --global user.name \\\"wzq\\\"  git config --global user.email \\\"7283050XX@qq.com\\\"会报错,如下图: 2.后来我发现是我没有cd到git的目录,后面找到git安装的位置   3.再运行: .git config --global user.name \\\"wzq\\\"  .git config --global user.email \\\"7283050XX@qq.com\\\"记得在命令前加.  我的不

    2024年02月09日
    浏览(49)
  • vscode设置git记住用户名和密码

    一、git bush中设置Git 全局设置[可以跳过,直接去第二步,这样在你下次输入完用户名密码后,就不需要输入第二次了 二、设置让VSCode记住git账号和密码:【!!!重点!!!】 三、关闭重新打开vsCode 

    2024年02月11日
    浏览(44)
  • 当前没有源代码管理提供程序进行注册 scanning folder for git repositories 没有注册配置remote.SSH.remotePlatform因此无法写入用户设置问题解决

    使用Windows平台的VScode,利用Remote-SSH插件连接远程Ubuntu服务器,拉取Gerrit仓库,出现问题如下: 远程连接SSH速度特别慢,通常要5分钟以上 连接上去之后无法使用git,注意这里的git是 @builtin 插件,不是需要安装的插件,环境很干净 git显示内容一开始为 当前没有源代码管理提

    2024年02月09日
    浏览(60)
  • VScode 工作区配置 和 用户配置

    通常不同的项目都有不同的配置,我一般都是使用eslint和prettier一起用,所以经常会有这几个文件: 这里简单介绍一下这几个文件的作用吧。 一般有两个文件,extensions.json和settings.json。 extensions.json 文件是用来配置推荐安装的 VS Code 插件的文件。在这个文件中,你可以列出你

    2024年01月24日
    浏览(52)
  • VSCode代码颜色设置与常用插件

    一、VSCode代码颜色设置 1. 在VSCode插件市场搜索 Vetur 并安装 2. 打开 VSCode 管理 --  设置;或者 文件 -- 首选项 -- 设置;或者快捷键 ctrl + , 。 3.  打开设置后,搜索 vetur ,扩展 -- vetur ,找到 “ 在 settings.json 中编辑 ”,点击打开 settings.json 文件,可复制以下代码进行替换。

    2024年02月15日
    浏览(36)
  • VSCode配置(三)设置字体

    vs code中有三个部分的字体设置 窗口字体 编辑器字体 终端字体 分别设置方式,打开【设置】(左下角图标) 搜索zoom 搜索fontsize,选择文本编辑器-》字体 搜索fontsize,选择终端 也可以选择设置-》拓展-〉JSON-》在setting.json中编辑

    2024年02月07日
    浏览(50)
  • VS代码片段(CodeSnippet)的制作以及常用代码片段记录

    本文将会探索VS中代码片段,并且学会自己制作代码片段,通过这种方式提高我们的编程效率。 先看下下面这段代码的编写 是不是很熟悉?平常我们编写代码的使用,经常会使用prop,ctor等快速生成代码。 那么它到底是啥呢?我们能不能自己也写一个这些的快捷生成代码的方

    2024年02月08日
    浏览(57)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包