vscode写snippet插件

https://segmentfault.com/a/1190000007907679

https://marketplace.visualstudio.com/manage/publishers/bool1993?noPrompt=true

yeoman可以看做做项目的初始化工具,使用它你只要在命令行敲几句命令就可以一键生成项目结构,省去了你自建文件、文件夹、写各种配置文件的麻烦。

npm install -g yo

一定要安装到全局,毕竟yeoman这工具以后肯定还经常用。

以下部分参考vscode官网的tool一文.

安装vscode的generator(中文:生成器)

npm install -g yo generator-code

这里也尽量全局,因为这个生成器不是只用一次,以后为vscode开发插件、写snippet、theme、language等扩展都用得上。

yo code

注意: 经本人尝试,不要直接用 Git bash客户端打开,要直接集成到vscode里用。否则会出现不响应上下方向键的问题。如果出了问题,请试着更换vscode皮肤再重启。

选择最后一个new code snippets.

https://bool1993.visualstudio.com/_details/security/tokens

创建发布者

  • 创建新的发布者

    vsce create-publisher (publisher name)

  • 登录发布者账号

    vsce create-publisher (publisher name)

发布插件

 

https://blog.csdn.net/yushulx/article/details/53607132

插件打包

接下来用vsce来打包:

npm install -g vsce
vsce package

这个时候会生成一个.visx的文件。我们可以直接安装:

code --install-extension extension.vsix

猜你喜欢

转载自my.oschina.net/sloan521/blog/1787794