SharePoint Online 创建SPFx客户端Web部件

　　1.创建项目目录

　　打开Node.js的命令行工具，进入到我们提前创建好的项目路径，输入命令创建项目目录，如下图：

　　md helloworld-webpart

 

　　2.进入项目目录

　　cd helloworld-webpart

 

　　3.运行 Yeoman SharePoint 生成器创建新的 HelloWorld Web 部件

　　yo @microsoft/sharepoint

　　会在Node.js的对话框中，让你输入一些项目信息，按照提示输入就可以了，如下图：

 

　　JS框架我这里选择无，创建完毕的样子，如下图：

 

　　用我们喜欢的代码编辑器，打开webpart的文件，如下图：

 

　　打开以后，我们就可以找到渲染的方法了，如下图：

 

　　在服务器上查看客户端Web部件，如下图：

　　cd helloworld-webpart

　　gulp serve

 

　　运行结果如下图：

 

　　选择我们的HelloWorld就可以了，如下图：

 

　　当然，我们也可以在开发环境中，打开SharePoint Online的站点，对代码进行调试（但是也需要先运行gulp serve），如下图：

　　https://DevSiteUrl/_layouts/15/workbench.aspx

 

　　结束语

　　至此，我们就已经了解了如何为SharePoint Online创建SPFx客户端Web部件了，是不是很简单啊？的确！

　　后面，我们会继续为大家介绍，如何创建一个和SharePoint Online站点进行数据交互的Web部件，并且部署到SharePoint Online站点中。