SharePoint Framework 配置你的SharePoint客戶端web部件開發環境

你可以使用Visual Studio或者是你自己的開發環境來構建SharePoint客戶端web部件。你可以使用Mac、PC或是Linux。

安裝開發工具

NodeJS

安裝NodeJS的Long Term Support（LTS）版本。

>如果你已經安裝了NodeJS，請檢查以確保你的是最新版本，使用命令node -v。該命令會返回當前的LTS version。

安裝就正常下一步就可以了，現在官網推薦的最新版本是4.5.0，執行命令的效果如下圖：

>如果你使用的是Mac，建議你使用homebrew來安裝和管理NodeJS。

安裝完後，確保你執行了npm的V3，使用下面的命令：

npm -g install npm@3

執行的效果如下圖：

對於Ubuntu Linux命令的早期版本可能會遇到“permission denied”的錯誤資訊，所以應該改用下面的命令執行：

sudo npm -g install npm@3

程式碼編輯器

安裝一個程式碼編輯器。你可以使用任意的支援客戶端開發的程式碼編輯器或整合開發環境（IDE）來構建你的web部件，如：

Visual Studio Code

Sublime

Atom

Webstorm

步驟和文件中的示例使用的是Visual Studio Code，但是你可以選用其他編輯器。

如果你使用的是PC

你需要安裝windows-build-tools。它將會安裝Visual C++ Build Tools 2015，由微軟提供的免費版。構建受歡迎的本地模組需要這些工具。它還會安裝Python 2.7，適當地配置你的電腦和npm。

執行下面的命令：

npm install --global --production windows-build-tools

注意這個命令需要用管理員身份執行命令列工具才能順利執行，如下圖：

如果你使用Visual Studio

如果你想要使用Visual Studio作為你的開發環境，安裝下面這些需要的工具和更新：

Visual Studio 2015

Visual Studio Update 3 or later

Node.js Tools for Visual Studio

如果你使用Ubuntu

你需要使用下面的命令安裝編譯工具：

sudo apt-get install build-essential

如果你使用fedora

你需要使用下面的命令安裝編譯工具：

sudo yum install make automake gcc gcc-c++ kernel-devel

安裝Yeoman和gulp

Yeoman幫助你一鍵建立新的專案，並提供最佳實踐和工具來幫助你保證生產力。SharePoint客戶端開發工具包括一個Yeoman生成器用來建立新的web部件。生成器提供了公共編譯工具，公共樣本程式碼和一個公共網站來承載web部件用於測試。

輸入下面的命令安裝Yeoman和gulp：

npm i -g yo gulp

安裝Yeoman SharePoint生成器

Yeoman SharePointweb部件生成器幫助你快速建立一個帶有正確的工具組和結構的SharePoint客戶端解決方案專案。

輸入下面的命令安裝Yeoman SharePoint生成器：

npm i -g @microsoft/generator-sharepoint

可選工具

下面是一些有用的其他工具：

Fiddler

Postman plugin for Chrome

Cmder for Windows

Oh My Zsh for Mac

Git source control tools

下一步

建立第一個客戶端web部件，將在下一講進行介紹。