「这是我参与11月更文挑战的第13天，活动详情查看：2021最后一次更文挑战」
Hope is a good thing, maybe the best of things. And no good thing ever dies.
前言
VS Code 全称 Visual Studio Code 是微软2015年推出的一个轻量但功能强大的源代码编辑器，基于 Electron 开发，支持 Windows、Linux 和 macOS 操作系统。它内置了对JavaScript，TypeScript和Node.js的支持并且具有丰富的其它语言和扩展的支持，功能超级强大。VS Code 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。VS Code提供强大的扩展，版本更新很及时，功能丰富且强大
准备开发环境
全局安装 Yeoman 和 VS Code Extension Generator
npm install -g yo generator-code
开始
使用官方提供的脚手架生成本地项目
yo code
个人感觉它的过程还是比较清晰明了的，我们只要根据提示一步步的执行就可以了，如下图：
主要步骤
第一步需要我们选择创建什么类型的插件？如上图，我们有10种可选的插件类型。
第一次干，我们就按照官方的示例去撸一遍，我们选择第一个，创建 TypeScript 的插件
根据提示输入插件名称：first-blood
主要步骤：
? What type of extension do you want to create? New Extension (TypeScript)
? What's the name of your extension? first-blood
? What's the identifier of your extension? mamba
? What's the description of your extension? my first extension!
? Initialize a git repository? No
? Bundle the source code with webpack? Yes
? Which package manager to use? npm
打开项目
cd mamba
code .
打开我们的编辑后，就可以看到了我们的第一个插件开发代码了
重点来了，接下来运行我们的插件，
直接 按键盘
F5 ，会重新打开一个开发者窗口。
按下shift+command+p，输入命令标题 hello, 然后点击它
接下来就会出现看到右下角出现提示信息，这就表示我们成功啦👏👏👏 🤙🤙🤙
提示信息:
Hello World from first-blood!
这样，我们的第一个插件也就完成，其实还是蛮简单的，然后就是调试和发布了，这个我就不展开再说了，感兴趣的可以直接去看 VS Code 官方文档。
附：
结语
如果这篇文章帮到了你，欢迎点赞👍和关注⭐️。
文章如有错误之处，希望在评论区指正🙏🙏
欢迎关注我的微信公众号，一起交流技术和生活，微信搜索 🔍 ：「 五十年以后 」
