一:创建流程
创建流程如下:
二:创建新的WebPart
创建一个新的Hello World的WebPart,如下步骤:
1:创建一个hello word 目录工程,运行如下命令行:MD helloworld-webpart,如下图:
2:进入helloworld的目录,运行命令行:cd helloworld-webpart,
3:运行 Yeoman SharePoint Generator创建hello world的webpart。运行命令行:yo @microsoft/sharepoint,并且选择Y,结果图:
4:一路回车下一步,直到出现最终结果
三:预览新创建的WebPart
1:创建安全证书
因为采用HTTPS方式访问,需要有证书环境中创建,SPFx toolchain可以创建安装一个开发证书,运行如下命令行
gulp trust-dev-cert
选择“是”,安装证书完毕
2:运行预览WebPart
运行命令行:gulp serve,
选择“IE浏览器”打开,在IE浏览器出现SharePoint WorkBench,选择点【+】J进行webpart的添加,如下图
添加WebPart后,效果如下图
三:移动端效果预览
在iPhone6 P下面的效果如下
可以在多种移动设备上预览,看上去效果还不错!
一个完整的WebPart就自动创建好了