首页 > 其他分享 >VSCode-用户代码片段,代码模板

VSCode-用户代码片段,代码模板

时间:2023-09-02 22:44:39浏览次数:39  
标签:片段 自定义 VSCode 代码 用户 模板

项目过渡到vue3,为了提高开发效率,减少重复代码编写,通过VSCode编辑器的Code Snippets完成代码。

实现效果,输入关键词Index,回车,会自动出现自定义的代码段。

1.打开VSCode,点击文件=》首选项-》配置用户代码片段

 

2.新建全局代码片段文件,输入文件名称,并回车

 

 

3.修改模板

其中“Description"指文字描述,“Tab-Trigger”指快捷键,“Your Snippet”表示代码块,

可以用过代码片段网站进行编辑 https://snippet-generator.app

进行如下图所示的配置,拷贝右侧内容到VScode编辑页面中

 

4.在编辑器中使用

打开空文件,输入关键词“Index",VSCode管自动联想用户自定义的代码片段,点击确认,即会显示

 

 

以上,仅用于学习和总结!

 

标签:片段,自定义,VSCode,代码,用户,模板
From: https://www.cnblogs.com/ywkcode/p/17674337.html

相关文章

  • jetbrains GoLang设置编写proto文件的实时模板
    具体步骤1. 首先,先创建一个模板组,我这里创建为"proto"。2.下面这张图是我的模板组中的内容3.具体实时模板缩写:enum描述:enumname{}模板文字:enum$name${$END$}适用于:协议缓存区中的Other缩写:import描述:import"";模板文字:import"$file$";$END$适用......
  • centos stream 9 编译 python3.11.5 源代码
    wgethttps://www.python.org/ftp/python/3.11.5/Python-3.11.5.tgztar-zxvfPython-3.11.5.tgzcdPython-3.11.5执行配置帮助./configure--help主要是想设置安装路径Installationdirectories:--prefix=PREFIXinstallarchitecture-independentfilesinP......
  • 低代码平台的出现,对与开发有哪些好处和弊端
    随着信息技术的不断发展,低代码平台已经成为了一种趋势,它可以帮助企业快速构建应用程序,降低开发成本和时间。低代码平台的出现对前端开发带来了一定的利与弊,下面我们来谈谈这些方面。一、低代码平台的优点提高开发效率低代码平台可以让开发人员使用可视化的界面来构建应用程序,......
  • vscode高亮插件Highlight Matching Tag的样式设置
    vscode高亮插件HighlightMatchingTag的样式设置HighlightMatchingTag插件下载安装后,一般不会立即显示,需要在setting.json文件上加上一段代码,才有高亮显示。高亮样式设计参考插件官网:https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag。......
  • TS 项目加入 ESLint 进行代码检查
    安装依赖npminstalleslint@typescript-eslint/parser@typescript-eslint/eslint-plugin--save-deveslint:ESLint核心包。@typescript-eslint/parser:用于解析TypeScript代码。@typescript-eslint/eslint-plugin:包含一些针对TypeScript的ESLint规则。创建ES......
  • [代码随想录]Day34-动态规划part02
    题目:62.不同路径思路:首先想到的是数论方法组合数其实就是向右和向下的步数是固定的,就找一个组合的个数就可以了。状态转移方程:一个位置的路径数就是,上面位置和左面位置路径数的和按照动规五部曲来分析:确定dp数组(dptable)以及下标的含义:dp[i][j]:表示从(0,0)出发,到(i,j)有d......
  • Lnton羚通智能分析算法检测人群异常聚集检测告警算法的流程代码
    Lnton羚通视频智能分析算法中人群异常聚集检测报警系统是基于yolov8图像识别和数据分析技术,人群异常聚集检测告警算法通过在关键区域布设监控摄像头,实时监测人员的密集程度和行为动态,分析和判断人群密集程度是否超过预设阈值,一旦发现异常聚集,将自动发出信号,并提示相关人员采取相应......
  • mybatis-plus自动生成代码
    1.引入pom依赖<!--mybatis-plusgenerator--><dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-generator</artifactId><version>3.5.2</version></dependency><!--velocity--&g......
  • Lnton羚通智能分析算法AI智慧工地视频分析系统代码
    AI智慧工地视频分析系统通过yolov8网络模型视频智能分析技术,AI智慧工地视频分析算法模型对画面中物的不安全状态以及现场施工作业人员的不合规行为及穿戴进行全天候不间断实时分析,发现有人不合规行为及违规穿戴抽烟打电话等立即自动抓拍存档告警。在架构方面,E-ELAN只改变了计算块......
  • 代码扫描提示:java: Compilation failed: internal java compiler error
    检查Idea中编译的版本和项目的是否一致 ......