SharePoint Online 配置框架（SPFx）开发环境

　　前言

　　SharePoint SPFx框架开发已经推出好久了，本身一直忙于项目没有研究，主要也是项目中不曾使用。如今，终于有时间尝试一下，为了未来项目中可能使用而作准备。

　　看了MSDN的配置文档，感受并不复杂，循序渐进的配置就能够了，惟一须要注意的是，不一样版本的SharePoint 环境，使用的Node.js版本也不尽相同，SharePoint Online参考本文一步一步配置便可。

　　正文

　　1.安装 NodeJS

　　安装 NodeJS LTS 版本 10，其实本身安装的时候，也走了弯路，直接安装了最新版本的NodeJS，而后发现并不支持，因此，安装过程须要严格遵守安装文档。

　　注：SharePoint Server 2016版本，须要NodeJS v8.x

　　https://nodejs.org/dist/latest-v10.x/

 

　　NodeJS的安装就很少说了，一步一步的循序渐进安装就能够了，没有什么须要单独选择和配置的地方，以下图：

  

　　2.安装代码编辑器

　　我这里选择的是VS Code，为何呢？可能由于和SharePoint同样是微软家族吧。后续，本身也会尝试一下其余的代码编辑器，毕竟，这个不是决定因素，哪一款顺手用哪款就能够。

　　https://code.visualstudio.com/

 

　　安装完毕，打开Visual Studio Code，我这里也还没开始使用，只是以为这颜色有点压抑，以下图：

  

　　3.安装 Yeoman 和 gulp

　　打开Node.js的命令行工具，执行下面命令就好了，以下图：

　　npm install -g yo gulp

 

　　安装完毕的对话框，以下图：

  

　　4.安装 Yeoman SharePoint 生成器

　　一样，打开Node.js的命令行工具，执行下面命令就好了，以下图：

　　npm install -g @microsoft/generator-sharepoint

 

　　安装完毕的对话框，以下图：

  

　　结束语

　　至此，咱们SharePoint Online 配置框架（SPFx）开发环境就完工了，很简单有木有？后续会继续为你们分享开发实例。

　　固然，官方文档上还有一项信任自签名开发人员证书，这个后续开发的时候，有须要再配置就能够了。

　　参考文档

　　https://docs.microsoft.com/zh-cn/sharepoint/dev/spfx/set-up-your-development-environment