懒人无敌——给VS Code写个snippet插件

本文讲述了作者如何为Visual Studio Code (VS Code)编写一个snippet插件的全过程,从产生想法到安装构建工具,再到编写代码、打包发布和更新插件。通过这个过程,读者可以了解到创建VS Code插件的基本步骤。
摘要由CSDN通过智能技术生成

前言

故事要从昨天讲起~
在这里插入图片描述
原本是准备做个Taro的小项目的,但是React snippet把我惯坏了,Taro没个缩写是真的难受,偏偏他还要给组件配一个 config属性,用来添加每一页的题目。

其实也没啥工作量,但是我莫名其妙就想着能不能自己写一个Vscode的插件用来处理缩写呢?

于是就有了今天的这篇文章。

安装

yarn add global yo generator-code
yarn add global vsce

第一个是vsc插件的构建脚手架,就是个 helloworld的demo,后面一个是构建打包发布的工具。

关于脚手架的一些配置,如果你想和我一样的话,除了TS之外别的都选择默认即可,我这里选了JS,因为很简单的snippet没必要用TS。

Code

代码部分很简单,首先在contributes下面与 command并列添加:

		"snippets": 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值