前端开发outlook加载项
因为公司业务需要，去研究如何开发outlook的加载项，阅读了很多的微软机翻的文档，踩了很多的坑，才勉强吧这个任务给完成，英语不好这可能是我罪有应得的吧
话不多说，下面开始～～～
首先就是需要下载一个addin的模版，那这个模版有两种方式，但是我只使用的其中之一， 这个是微软官方的文档——learn.microsoft.com/zh-cn/offic…
而我用的则是Yeoman生成器，
- npm install -g yo generator-office
- yo office
- 选择项目类型：Office Add-in Task Pane project using React framework(使用react，react YYDS)
- 选择脚本类型：Typescript，个人喜欢选择ts，但是我还是喜欢写js😂（js，jsx这个需要自己配置一些webpack的loader，相信大家都会，不会的就问别人，反正我会的不多，还有想要写less的需要配置less的loader，这个模版并不会给我们配置好）
- 选择项目名称，最好不要按照推荐的来，里面有些坑，（默认名称里有空格）就比如我，使用公司内部的组件库，就会遇到坑，不识别空格
- 要支持哪一个 Office 客户端应用程序：当然是选择outlook的了，要不然你点进来干嘛呢
- 切换目录，好的，一个模版就搞下来了，水了好多字，✌️
接下来是启动项目，由于我的是mac，所以window的我就不是很清楚了
- npm run start
诶，咋报了一堆的错，也不像正常的react项目的启动流程，咋没有启动进度条呢？
Debugging is being started...
App type: desktop Starting the dev server... (webpack serve --mode development)
The dev server is running on port 3001. Process id: 12703
Sideloading the Office Add-in...
Error: Unable to start debugging.
Error: Unable to sideload the Office Add-in.
Error: Sideload to the Outlook app is not supported.
这些都是啥意思，重点来了！！！！ 不要管，直接去添加你的加载项就完了，你本地的项目已经启动完成了，这个虽然不不太懂，但让我大受震撼，我当时想破头都没想到该怎么解决错误，搜了很久也没有解决，我真吐了🤮
2.如何添加加载项呢？如果知道，可以跳过，如果不知道，我也只知道一种方法，但这个方法必行，即使你的邮箱是受管理的统一管理，你也一定可以吧你的加载项添加到你的加载项里，一招鲜吃遍天，桀桀桀～～～
打开这个神奇的网址outlook.live.com
或者百度搜索outlook，但是我更推荐使用谷歌，if you can 老司机们。
登陆后，在你的头像下面，靠左有点，有个获取加载项
点开他
选择我的加载项
滑倒最下面
点击添加自定义加载项
找到自己存放这个项目的目录
选择manifest.xml文件，添加上去，
这样你就可以立刻在这个网页里打开这个加载项，但是，是本地的，还是打不开，（反正我没打开成功过，，你可以试试），当然，你也有可能遇到明明添加了加载项，但是在outlook软件里也打不开的情况，不要着急，很可能不是你的问题，你可能需要耐心等待一会。
等待很久还是打不开的话，你可以在软件里打开新建事件，在上面的导航栏里的最右侧看到三个省略句，点开他，你可以在这里添加加载项。这样会比较迅速的获取到加载项，可以进行本地进行调试开发了
