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

猜你喜欢

转载自www.cnblogs.com/jianyus/p/12891392.html