vs code技巧1：VSCode设置快捷创建常用代码段

最新推荐文章于 2024-01-27 13:59:06 发布
最新推荐文章于 2024-01-27 13:59:06 发布
阅读量3.3k 收藏 1
点赞数 2
分类专栏： HTML学习笔记 文章标签： html html5 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangzhuang1028/article/details/115708771
版权

文章目录

前言

一直频繁的敲一些重复性的代码会让我们程序猿感到繁琐，所以我们需要设置快捷创建常用代码段帮我们偷偷懒。

VSCode设置

  1. 打开VSCode
  2. 文件
  3. 首选项
  4. 用户代码段
  5. 新建一个全局代码段（根据个人需求选择）
  6. 取名 自定义.json
  7. 配置一下代码

在这里插入图片描述
prefix 设置你快捷输入的指令（例如我们敲！就会出html基本模板）
body 你要快捷生成的代码（根据自身需求区设置）
description文件说明
注意一下文件缩进

huangzhuang1028
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode快捷代码设置
qq_42440919的博客
12-15 917
文件-首选项-用户片段，输入vue（vue.json），复制下面的话保存，新建.vue，输入vue回车就行。 { "Printtoconsole":{ "prefix":"vue", "body":[ "<!---->", "<template>", "<div>", "$0", ...
VSCode设置用户自定义代码片段（给代码片段设置成快捷键）快捷代码设置方法
angrynouse的博客
09-29 3534
代码一定要放到第4步生成的文件夹中的图示所标注的位置，配置完成后要保存。
【vscode设置自定义代码块快捷键，以设置vue常用代码块为例】
相关项目可以查看https://gitee.com/fan-pl或https://github.com/fpl1116
09-19 664
vscode设置自定义代码块快捷键，以设置vue常用代码块为例
vscode如何配置自定义快捷代码段（例：nodejs eser）
qq_60518899的博客
07-08 690
最近在B站学nodejs，但是那个老师频繁创建新的简易express服务器框架，刚开始也跟着敲，当练手，但是敲多了倒觉得无意义了。突然有一集直接快捷生成eser（express骨架），就像HTML的“!”一般，所以就去查了查如何自己定义这类代码。输入快捷代码（输入的字段就是引用自定义代码段的代码），也可以用给出的样例自己编辑其他的类似代码块。这里给出我编辑的样例（express主框架）实例：用vscode定义express骨架）一定要注意在最大的外尖括号内编辑。在生成的文件中编辑即可，但是。
VSCode 常用的快捷键和技巧系列（1）
青苹果工作室
12-17 3687
自我学习中积累的学习笔记和开发技巧，分享给大家学习。来提高经验和提高学习的效率。
VSCode配置用户代码段以及常用快捷键汇总
如果相遇，那么你好哦~
11-22 1748
配置VSCode的用户代码段，减少重复性代码工作量。以及项目开发中较经常使用的快捷键，提高开发效率和速度。
❤VScode安装配置和使用(Windows和Mac全部常见设置和使用）
最新发布
林太白
01-27 1800
❤VScode配置快捷快速填充代码安装配置和使用(详细-Windows和Mac）
VS Code —— 介绍如何配置快捷代码片段和一些自用插件
LizequaNNN的博客
12-14 1681
本篇文章就介绍一下如何配置VS Code 的快捷代码片段和一些自用的插件，来看看
VSCode常用快捷键大全以及实用设置
lbcbjtlhmjq的博客
01-27 7966
介绍VSCode独有的快捷键和Windows的快捷键，设置字体大小、设置自动换行等实用设置。
codereview:vscode的代码审查工具
04-28
codereview自述文件这是扩展...扩展设置如果您的扩展程序通过contributes.configuration扩展点添加了任何VS Code设置，则包括在内。 例如： 此扩展程序提供以下设置： myExtension.enable ：启用/禁用此扩展myExtensio
vscode-snippet-generator::scroll: VSCode 代码段生成器
08-03
VSCode 代码段生成器是一款高效提升开发效率的工具，专为Visual Studio Code（VSCode）用户设计。它允许开发者快速、便捷地创建自定义代码片段，以供日常编程使用。通过这款扩展，你可以定制符合个人编码风格的代码...
code-translate-vscode:vscode的代码翻译
08-03
代码翻译简介vscode 滑词 & 悬浮 翻译插件预览悬浮翻译执照麻省理工学院执照版权所有 (c) [2020] [w88975] 特此授予任何人免费获得本软件副本和相关文档文件（“软件”）的许可，不受限制地处理本软件，包括但不限于...
vscode-code-coverage:vscode扩展以突出显示单元测试未涵盖的行
05-02
代码覆盖率 代码覆盖范围会将波浪线放在单元测试未涵盖的功能，行或代码分支下。 并将在“问题”窗口下列出未发现的行。 特征 简单易用 内存和处理器占用空间小 多个lcov文件处理程序 设置 确保您的项目已使用您语言...
KakaoBot_Snippet:vscode的KakaoBot代码段
03-26
4. **VSCode代码片段**：代码片段是VSCode的一个强大功能，它允许开发者定义常用代码块，提高编码效率。KakaoBot_Snippet可能包含了如初始化Bot、处理消息事件、发送响应等常见操作的预定义代码块。 5. **VSCode...
vscode 快捷键与使用配置
爱死亡机器人
09-24 8996
简化记忆 F1 F11 Ctrl+P ? ! : @ # Ctrl+N Ctrl+Shift+N Ctrl+Shift+W Ctrl+Tab Ctrl+\ Ctrl+[ 、 Ctrl+] Shift+Alt+F，或 Ctrl+Shift+P 后输入 format code Alt+Up 或 Alt+Down 选中按TAB右移，按SHIFT+TAB左移 Ctrl+F 主命令框 F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如： 按一下 Backspace 会
【VSCode】Visual Studio Code基本设置&快捷方式&markdown编辑等实用插件 || 软件手册
linjoe99的博客
01-09 6697
【VSCode】Visual Studio Code基本设置&快捷方式&markdown编辑等实用插件 || 软件手册
Vscode设置console.log()快捷代码片段，代码快速生成，代码模板生成
03-05 1972
配置完之后，就可以通过clog 然后按一下回车：快速生成 console.log()代码了。（4）description就是代码的描述，可以自己解释一下代码什么意思。（1）前面这个Print to console是代码的名称，点击一下：然后断则javascript.json。意思是代码的前缀，也就是。（3）body就是代码体。
【VsCode】如何使用VsCode中的代码片段快速输入常用代码（太实用了，有图，有示例）
热门推荐
【敦厚的曹操】的专栏
02-21 1万+
一、只要输入两个【！！】就可以出来想要的代码片断。 比如：你看我，输入了两个感叹号，按下回车就出现如下代码： 1、文件--首选项--用户片断 2、选择【新建全局代码片段文件】 3、输入文件名：html-js-vue-demo(这里随便输入，只要不重复就行)，按【回车键】 4、出现如下图所示 5、把所有的内容删除，再把以下代码整个复制文件中（CV大法，你懂得！） 划重点1：代码中有双引号，一定要用\"代替就行了。 划重点2：重点是prefix的设置，就是快捷...
VS code 设置代码快捷拓展段
weixin_34245749的博客
06-11 1744
背景 从臃肿的 Webstorm 转向更加轻便的微软爸爸的 VS code 也有一段时间了 总的来说，VS code 更加轻巧，可拓展性更强，同时它又是 Typescript 写的，根正苗红，又背靠微软这颗大树，插件生态又很不错，用得还是很舒服的 但是，有一个我用得很不习惯的就是生成代码快捷 VS code 一开始是不支持的，而 Webstorm 是内置很多代码快捷拓展段的，例如： JS 文件...
vscode设置快捷代码块
10-25
在VScode中，你可以通过自定义快捷键来快速填充代码。具体步骤如下： 1. 打开VScode，点击左侧的“文件”菜单，选择“首选项”-“用户代码片段”。 2. 选择你想要添加快捷键的语言，比如JavaScript，然后点击“新建代码片段”。 3. 在弹出的编辑器中，输入你想要添加的代码块，比如一个函数或者一个类。 4. 在代码块的最上方，输入以下代码： ``` "快捷键": { "prefix": "自定义快捷键", "body": [ "代码块" ], "description": "代码块描述" } ``` 其中，“快捷键”是你想要添加的代码块的名称，“prefix”是你想要设置的快捷键，“body”是你想要添加的代码块的内容，“description”是你对代码块的描述。 5. 保存代码片段，然后在你的代码中输入你设置的快捷键，按下Tab键即可快速填充代码。 另外，你还可以使用VScode自带的快捷键来自动格式化代码，快捷键是“alt+shift+f”。如果你安装了Code Spell Checker插件，它可以帮助你检查代码中的拼写错误。如果你想运行代码，可以安装Code Runner插件，它支持多种语言的代码片段或代码文件的运行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值