SharePoint Framework 開發工具和庫

SharePoint Framework包含一些客戶端JavaScript庫，你可以用來構建自己的解決方案。本文提供了你可以用來開發客戶端web部件的工具和庫的概述。

TypeScript

TypeScript是JavaScript的超型別，它以純JavaScript編譯。SharePoint客戶端開發工具使用TypeScript類、模型和介面進行編譯，你可以使用這些來構建強壯的客戶端web部件。

開始使用TypeScript，使用以下的資源：

TypeScript Quick StartTypeScript PlaygroundTypeScript HandbookTypeScript community on Stack Overflow

JavaScript frameworks

你可以使用任意的JavaScript框架來開發客戶端web部件，下面是一些最受歡迎的：

ReactAngularJS 1.xAngular 2 for TypeScript 2.xHandlebars

由於客戶端web部件是拖到SharePoint頁面的元件，我們建議你選擇支援類似元件模型的框架。輕量級的框架如React、Handlebars和Angular 2都支援元件模型，非常適合來構建客戶端web部件。

Node Package Manager（npm）

SharePoint客戶端開發工具使用npm包管理器來管理依賴項和其他JavaScript幫助類，跟NuGet類似，它常常作為Node.js的一部分。

更多關於npm的資訊，可以檢視npm documentation。

Node.js

Node.js是一個開源、跨平臺的執行時環境，用來承載和服務JavaScript程式碼。你可以使用node.js開發服務端的JavaScript編寫的web應用程式。Node.js生態環境跟npm和task runners緊密耦合，比如gulp提供了一個高效的用來構建基於JavaScript的應用程式的環境。Node.js跟IIS Express或IIS類似，但是包含了簡化客戶端開發的工具。

更多關於Node.js的資訊，看以下內容：

About Node.jsNode.js API reference documentationNode.js Usage and Example

Gulp task runner

SharePoint客戶端開發工具使用gulp作為構建程式任務執行器來：

打包和壓縮JavaScript和CSS檔案。在每次編譯前執行工具去呼叫打包和壓縮任務。把LESS或SASS檔案編譯成CSS。（LESS和SASS是CSS的兩種擴充套件，類似的就是TypeScript之於JavaScript）把TypeScript檔案編譯成JavaScript。

更多關於gulp的資訊，看以下內容：

Getting started with GulpTypeScript and GulpArticles about Gulp

Webpack

Webpack是一個模組打包工具，它把你的web部件檔案打包為依賴項並生成一個或多個JavaScript包以便可以在不同的場景載入不同的包。

開發工具鏈條使用CommonJS來打包。這使得你能夠定義模組並選擇在哪使用他們。工具鏈條還使用SystemJS來載入你的模組，它是一個通用的模組載入器。這幫助你確保你的每個web部件在各自的名稱空間下執行。

更多關於webpack的資訊，看以下內容：

Webpack documentationTypeScript, React, and Webpack

Yeoman generators

Yeoman幫助你快速啟動新的專案，提供最佳實踐和工具來保證你的生產力。SharePoint Yeoman生成器將會作為快速新建客戶端web部件專案的一部分提供給開發者。當專案被生成後，你可以使用你喜歡的IDE像Visual Studio或HTML/JavaScript程式碼編輯器像Visual Studio Code或Sublime Text或Atom。

更多關於Yeoman的資訊，看以下內容：

Scaffold a web app with YeomanList of available Yeoman generators

下面是一些你可以使用的常見的Yeoman生成器，取決於你選擇的框架：

generator-react-webpackgenerator-angular

SharePoint REST APIs

SharePoint框架提供了SharePoint體驗和目標web開發的關鍵整合。SharePoint REST APIs使你能夠讓SharePoint跟你的其他應用互動來構建你的web部件功能。

我們推薦你熟悉以下的REST API集合：

SharePoint List REST APIs

Patterns and Practices

Office Dev Patterns and Practices / SharePoint Pattern and Practices (PnP)提供了示例程式碼、模式和其他資源來幫助你將現有解決方案轉換到SharePoint Framework。一定要去熟悉PnP上的示例程式碼和指引。