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站點中，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/849.html
標籤：SharePoint