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