前言
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