Vs Code如何自定义设置一键代码补全

有时候是不是看到别人输入一个vue就能打印整个代码，感觉很神奇，本文就以vue为案例教你如何使用这种骚操作！！！

点击文件->首选项->用户代码片段

输入vue.json（如果没有则新建代码片段）
（我这里选择的是以vue结尾的文件，如果是html就输入html.json，其他文件则同样处理）

然后你会看到一个中括号里里面全是注释
删掉选中的部分，，将其他的注释还原

这里解释下剩下的什么意思

Print to console 代表的是名字，这个随意，你可以随便起名。
prefix 这个里面是你单词的触发器，比如如果里面是log的话，在vue文件中输入log就会提示，你enter下，将会把你里面的内容打印下来
body 就是你需要输入提示里面的内容了

别的就随便填了

我的prefix里填的是vue
body里是

"body": ["<template>","    <div>","     $1","     </div>","</template>","","<script>","export default {","   data(){","    return{"," ","  }","},","   methods:{","","}","}","</script>","","<style scoped>","","</style>",],

这样输入vue就直接打印出

当然你可以设置很多的触发器单词，不限字数。。。。。。

Vs Code如何自定义设置一键代码补全相关推荐

Visual Studio 2019设置回车代码补全
背景: 习惯了JetBrains系列的编辑器,输入时自动提示,回车自动补全的功能后,转到Visual Studio写C++代码的时候,不能回车补全代码,就有点难受了解决办法: 工具 -> ...
IntelliJ IDEA代码提示快捷键以及自定义代码补全设置
一.快捷键风格通过设置Keymap把快捷键风格设置成Eclipse风格. File --> Settings --> Keymap --> 下拉菜单选择Eclipse --> ...
esplise自定义快捷代码补全_Ecplise更便捷的自动补全功能设置及改良
最近遇到了一些需要用搜索引擎解决的问题,在专栏里我一般不会放出来,不会像CSDN那样将几十个人把一个答案复制到自己的CSDN下,我尽量不去污染搜索结果和影响有问题需要解决的人的体验比如困扰我的一个问 ...
jupyter 改注释字体_Jupyter Notebook主题字体设置及自动代码补全
安装# Jupyter Notebook 用久了就离不开了,然而自带的主题真的不忍直视.为了视力着想,为了自己看起来舒服,于是折腾了一番..在 github 上发现了一个 jupyter-themes ...
vim+设置php+高亮,VIM语法高亮、VIM代码补全、VIM结构化视图功能的配置实现
=========================================== [简介] 为了更加方便的学习和研究一个开源c++项目(当然linux环境下),特地花了一两周的时间研究vim及其 ...
vue3 使用 monaco-editor 自定义代码补全。
使用场景: 数据编辑时需要支持sql语法高亮, 并且支持自定义代码提示补全. monaco详细说明和使用可参考另一篇发文Monaco Editor (vite/webpack + ts + vue项目 ...
html插入flash代码_初学者必备Web开发APP，支持代码补全，一键插入代码，厉害了！...
新手学前端神器,HTML代码补全功能太牛了! 讲过学习后端的许多优秀APP,这次来推荐一下前端用的软件. 前端,包含了HTML+CSS+JavaScript这一整套的流程,缺一不可. 其实,市面上用来 ...
notepad++ python指定anaconda环境以及代码补全设置
1.前言 notepad++非常轻便,才4M,今天来配配python环境试试水,下面的方法二可以着重看一下,这是对anaconda配置专门写的,现有博客看了很多,感觉写的有些问题. 2.下载注意官网 ...
php强类型 vscode,VSCode 扩展入门，后缀代码补全的实现
我们项目组使用了 protobuf 作为传输协议,其好处不用多说.可是由于 go 默认数字类型是 int,且 go 属于强类型语言,切换类型就成了家常便饭. 一般来说,切换类型的步骤不外乎: 选中数字 ...

Vs Code如何自定义设置一键代码补全

Vs Code如何自定义设置一键代码补全相关推荐

最新文章

热门文章