有些朋友可能已经知道，Visual Studio 家族这些年增加了一个新的成员—— Visual Studio Code。这是一款跨平台的代码编辑工具（可以愉快地在 PC,Mac,Linux 上面运行），它更加轻量，主要面向新一代的 Web 应用开发人员而设计（毫无意外，它也吸引了包括我在内的老一辈的 Visual Studio 的忠实用户的广泛关注），对几乎所有的开源平台和开发语言都有较好的支持。

Visual Studio Code 提供了对 Office Add-in 开发的完美支持，这一篇文章就带领大家来完整体验一下。

除了安装 Visual Studio Code之外，要进行 Office Add-in 的开发，你还需要做一些额外的准备。这是跟 Visual Studio 略有不同的地方：它会多一些步骤，但这种留给开发人员的可控性也从一定程度上促使我们了解更多细节，我想这也是有不少开发人员喜欢 Visual Studio Code（或者同类以代码为中心的编辑器）的原因之一吧。

1.安装node.js。node.js 是这几年涌现出来的一个广受欢迎的全新开发工具，它颠覆了我们对于Java能力边界的认识，并且在高并发，但低计算的Web应用场景有较好的表现。关于这个话题，如果要展开来又可以讲几天几夜了，j2直播，所以就此打住，请通过https://nodejs.org/en/download/进行安装并且通过下面的命令确认其是否安装正确。

2.安装 node.js 版本的 Office add-in 模板。虽然 Visual Studio Code 强调以代码为中心，但也不是说什么都要从零开始做。node.js 的很多开发场景，也都有配套的模板来辅助开发。要实现这个目的，首先需要安装一个 yo 的模块。这是很有意思的，yo 其实不是模板，而是一个工具，用来加载模板（或者在它来看是所谓的生成器—— generator）。下面这一行命令，既安装了 yo，也安装了一个office开发对应的 generator。

npm install -g yo generator-office

yo 这个工具的全称是 yeoman , 有兴趣请参考它的官方网站 , 甚至也可以提交自己的 generator 。

做了上述的准备后，开奖，我们就可以通过一句命令来创建 Office Add-in 项目了

yo office

此时同样会有一个向导问你几个问题，在你做出自己的选择并且最终按下回车键后，它就会自动地生成一个 office add-in 项目出来，这是一个基于 node.js 的项目。

如果你的最后一个问题跟我一样回答了“Yes”的话，在项目生成后，还会自动打开一个很贴心的操作指南

通过下面的命令可以将这个项目运行起来

npm start

那么，怎么让这个 add-in 在 Excel 里面运行起来呢？上面提到的操作指南给出了一个步骤

但是，这个步骤可能是错误的。我在最新版本的 Office 客户端中并没有看到上传 add-in 的链接。经过一些研究，我发现下面的方法是奏效的。

Sideload Office Add-ins for testing https://dev.office.com/docs/add-ins/testing/create-a-network-shared-folder-catalog-for-task-pane-and-content-add-ins

简单地说，你需要将 add-in 的 manifest 文件复制到一个共享目录

然后将这个目录加入到Office客户端的信任位置中去

如你所见，这里还可以设置其他一些 catalog 的路径，包括 SharePoint 站点。这个会在后续进行介绍。

完成上述步骤后，你就可以在插入 add-in 的窗口中看到相关的 add-in 了