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