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站点中。