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