vscode自动填充地址插件_制作VSCODE代码自动补全插件

首先写在前面，我是看了VSCode插件制作：HTML代码自动填充这篇文章后，才基本了解这类vscode插件的编写和配置方法的，所以在文章开头特地声明一下。

首先在本地测试一下补全的信息

第一步，你需要直到你的自动补全是针对什么语言的，我这里用Lua来举例，大家可以按自己需求变通

新建用户代码片段

按下快捷键Ctrl+Shift+P，敲snip，选择下图所示的选项

选择你想要的语言类型，比如我这里就选Lua

新建好的文件：

添加自己的补全内容

配置文件就是个json文件，基本按下面的格式来写就好

新建一个文件看看效果

当然，也可以补全多行

tab切换参数

这个功能一般是刚需了，补全后自动跳到待修改的参数处。

实现它，只需要在body里加上{编号:初始内容}，像下面这样

效果如下：

补全你需要的这些配置

这部分工作我直接用代码完成了，具体可以参考下面的链接

把补全文件做成插件

装nodejs

当然，我比较懒，直接用的coding在线编辑，还不占用自己电脑空间

然后bash

装Yeoman和VS Code Extension Generator

这里就是参考官网

显示这些就是装好了：

新建项目模板

然后用下面代码新建工程：

选New Code Snippets，代码补全的这个工程

然后依次按需求填写即可：

把代码补全数据放插件里

默认的补全信息文件可以在package.json里的contributes.snippets其中一个数组的path里看到，比如我这里默认的就是./snippets/snippets.json。

把之前测试用的补全数据扔进去就好了

完善插件信息

主要就是修改package.json文件，基本都是默认生成的那些数据了，注意添加publisher和修改vscode支持版本：

更改README.md

就是直接改，只要不是原来默认的那些东西就行了

打包插件

先装上打包工具

打包

我们生成了luacode-0.0.1.vsix，就是插件文件，如果你不想发布，可以在线下分享这个插件了

发布到插件市场

创建token

点右上角头像—Security—New Token，在Personal Access Tokens里新建一个token

注意要选择所有权限，另外token有效期我直接开了最长一年的(一年后需要重新生成)

创建发布者

像下面这样按需求填写

发布插件

直接用下面的命令就能发布了

如果你在其他机器上发布，只要带上你的token就行了：

结束

我的插件直接发布在vscode了：

vscode自动填充地址插件_制作VSCODE代码自动补全插件相关推荐

VSCode代码自动补全 - 插件篇
VScode 不能自动补全结束标签?自动修改匹配的结束标签? 这里介绍一款vscode插件,只需要输入标签的单词或字母,按enter键,就能直接自动生成开/闭标签,且光标居中. 还有就是快捷方法的使用 ...
vscode 自动补全插件
这里写自定义目录标题 Path AutoComplete ------vscode英文版本自动补全插件 step1: 右下角找到齿轮图标,打开扩展插件栏 step2: step3: //导入文件时是否 ...
【Linux】Ubuntu 18下安装Vim自动补全插件YouCompleteMe（可高速下载安装）
前言本文写于2020年10月,如果你多年后看见这篇文章,方法可能已经失效,但是请牢记,尽量下载你所处时代的最新版本的软件,会减少很多麻烦. 摆正心态即便按照本文操作,由于你的系统状态和我的不一样, ...
vscode配置c++代码提示补全
vscode配置c++代码提示补全在网上找了大半天,说的方式都试过了,都没有适合我的,还是自己找stackoverflow靠谱点 {"editor.rulers": [80 // ...
linux自动补全命令插件,vim自动补全插件snipMate
linux下安装vim自动补全插件snipMate 环境:ubuntu 下载snipMate 官方网站:http://www.vim.org/scripts/script.php?script_id= ...
Bootstrap typeahead自动补全插件的坑
##Bootstrap typeahead 插件的坑 typeahead 自动补全插件, 还是先简单记录一下,如何使用吧: <div class="form-group"&g ...
NovalIDE自动补全插件介绍。
目前NovalIDE的自动补全插件已经更新到了1.2版本.版本支持的功能有: 1.支持Python脚本的补全,并且有相应的提示: 2.支持对其他语言脚本的补全. 以上两点可以获得类似付费的Sublim ...
vim 自动补全插件YCM 安装配置
vim 自动补全插件YCM 安装配置报错 NoExtraConfDetected: No .ycm_extra_conf.py file detected, so no compile flags ...
uni-app.07.自动补全插件input-autocomplete的使用
自动补全插件input-autocomplete的使用前言 input-autocomplete的使用 1.使用HBuilderX导入插件 2.运行示例项目 3.存在的问题 1).数据过渡曝光 2) ...

vscode自动填充地址插件_制作VSCODE代码自动补全插件

vscode自动填充地址插件_制作VSCODE代码自动补全插件相关推荐

最新文章

热门文章