SharePoint Online 配置框架（SPFx）開發環境

　　前言

　　SharePoint SPFx框架開發已經推出好久了，本身一直忙於項目沒有研究，主要也是項目中不曾使用。如今，終於有時間嘗試一下，爲了未來項目中可能使用而作準備。

　　看了MSDN的配置文檔，感受並不複雜，循序漸進的配置就能夠了，惟一須要注意的是，不一樣版本的SharePoint 環境，使用的Node.js版本也不盡相同，SharePoint Online參考本文一步一步配置便可。

　　正文

　　1.安裝 NodeJS

　　安裝 NodeJS LTS 版本 10，其實本身安裝的時候，也走了彎路，直接安裝了最新版本的NodeJS，而後發現並不支持，因此，安裝過程須要嚴格遵守安裝文檔。

　　注：SharePoint Server 2016版本，須要NodeJS v8.x

　　https://nodejs.org/dist/latest-v10.x/

 

　　NodeJS的安裝就很少說了，一步一步的循序漸進安裝就能夠了，沒有什麼須要單獨選擇和配置的地方，以下圖：

  

　　2.安裝代碼編輯器

　　我這裏選擇的是VS Code，爲何呢？可能由於和SharePoint同樣是微軟家族吧。後續，本身也會嘗試一下其餘的代碼編輯器，畢竟，這個不是決定因素，哪一款順手用哪款就能夠。

　　https://code.visualstudio.com/

 

　　安裝完畢，打開Visual Studio Code，我這裏也還沒開始使用，只是以爲這顏色有點壓抑，以下圖：

  

　　3.安裝 Yeoman 和 gulp

　　打開Node.js的命令行工具，執行下面命令就好了，以下圖：

　　npm install -g yo gulp

 

　　安裝完畢的對話框，以下圖：

  

　　4.安裝 Yeoman SharePoint 生成器

　　一樣，打開Node.js的命令行工具，執行下面命令就好了，以下圖：

　　npm install -g @microsoft/generator-sharepoint

 

　　安裝完畢的對話框，以下圖：

  

　　結束語

　　至此，咱們SharePoint Online 配置框架（SPFx）開發環境就完工了，很簡單有木有？後續會繼續爲你們分享開發實例。

　　固然，官方文檔上還有一項信任自簽名開發人員證書，這個後續開發的時候，有須要再配置就能夠了。

　　參考文檔

　　https://docs.microsoft.com/zh-cn/sharepoint/dev/spfx/set-up-your-development-environment