前言

　　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