SharePoint Framework (SPFx)之创建SharePoint Client-Side Webpart（二）

一：创建流程

创建流程如下：

二：创建新的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就自动创建好了