VsCoe Extension 开发起步

src="//player.bilibili.com/player.html?aid=49269343&page=1" scrolling="no" border="0" allowfullscreen="true" width="500" height="400">

今天尝试学习VS插件,搭建环境很简单,我是基于npm,首先安装工具软件:

npm install -g yo generator-code

然后,运用工具生成脚手架:

yo code

运行之后会让你输入项目信息:
在这里插入图片描述
这时根据提示输入项目信息后完成初始化,然后使用code命令启动工程,注意是要在工程目录同一路径:

# code ./projectname
# 例子里的工程路径是vsext,so
code ./vsext

这时会启动VsCode程序,并打开项目文件夹:
在这里插入图片描述
启动后F5运会启动一个编辑器作为插件运行,名为***开发扩展主机*** 的窗口,
然后,ctrl+shift+p 输入Hello World查看运行效果:
在这里插入图片描述

在这里插入图片描述

发布了195 篇原创文章 · 获赞 47 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/rocshaw/article/details/89293616