SharePoint Framework系列(二)-工具和类库

SPFx包含了一系列的client-side JavaScript类库用于开发你的solution，下面介绍一下用于开发client-side web parts的工具和类库。

TypeScript

TypeScript是比JavaScript更高级的语言，TypeScript中可以定义数据类型，接口，类，等等并且TypeScript最终可以编译成JavaScript，SharePoint的client-side development tools就是使用Type Script的类，模型和接口来构建的。

关于TypeSctipt更多的详细信息请见如下链接

• TypeScript Quick Start
• TypeScript PlayGround
• TypeScript Handbook
• TypeScript community on Stack Overflow

JavaScript Frameworks

你可以使用比较熟悉的JavaScript框架来 开发client-side web parts，以下是 比较流行的JS框架

• React
• AngularJS 1.x
• Angular 2 for Type Script 2.x
• Handlebars

因为编写client-side web part多数都是和SharePoint进行交互，所以这里建议大家使用 SharePoint PnP JavaScript Core library 框架，在这个框架中已经为我们封装好了很多简单易用的API。

Node Package Manager (npm)

SharePoint client-side 开发工具使用 npm来管理依赖以及必要的Js库，安装Node.js会自动安装npm。

Node.js

Node.js是一个开源，用于运行JavaScript 代码的跨平台运行环境。Node.js类似于IIS Express和IIS。关于Node.js更多信息请见下面链接

• About Node.js
• Node.js API reference documentation
• Node.js Usage and Example

Gulp task runner

SharePoint client-side 开发工具使用 gulp打包工具做如下操作：

• Bundle and minify JavaScript and CSS files.
• Run tools to call the bundling and minification tasks before each build.
• Compile LESS or SASS files to CSS.
• Compile TypeScript files to JavaScript.

更多关于Gulp的信息请见如下链接

• Getting started with Gulp
• TypeScript and Gulp
• Articles about Gulp

Yeoman generators

Yeoman用于创建新的client-side web parts的工程，一旦工程创建完毕之后，你可以选择自己喜欢的IDE进行开发，常用的IED是Visual studio Code,Sublime Text或者Atom。

更多信息见如下链接

• Scaffold a web app with Yeoman
• List of available Yeoman generators

SharePoint REST API

SharePoint REST API主要用于和SharePoint环境交互，例如：添加删除修改list中的数据等等。

Patterns and Practices

 Office Dev Patterns and Practices / SharePoint Pattern and Practices (PnP) 提供了一些示例代码以及一些其它资源用于帮助把已经存在的solution转换成SharePoint Framewok.

注意：SharePoint Framework目前正处于Preview阶段，随时会进行一些更改。SharePoint Framework Client-side web parts在Office 365的生产环境中暂时不支持。