SharePoint Framework包含一些客户端JavaScript库,你可以用来构建自己的解决方案。本文提供了你可以用来开发客户端web部件的工具和库的概述。
TypeScript
TypeScript是JavaScript的超类型,它以纯JavaScript编译。SharePoint客户端开发工具使用TypeScript类、模型和接口进行编译,你可以使用这些来构建强壮的客户端web部件。
开始使用TypeScript,使用以下的资源:
JavaScript frameworks
你可以使用任意的JavaScript框架来开发客户端web部件,下面是一些最受欢迎的:
由于客户端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的信息,看以下内容:
Gulp task runner
SharePoint客户端开发工具使用gulp作为构建进程任务运行器来:
更多关于gulp的信息,看以下内容:
Webpack
Webpack是一个模块打包工具,它把你的web部件文件打包为依赖项并生成一个或多个JavaScript包以便可以在不同的场景加载不同的包。
开发工具链条使用CommonJS来打包。这使得你能够定义模块并选择在哪使用他们。工具链条还使用SystemJS来加载你的模块,它是一个通用的模块加载器。这帮助你确保你的每个web部件在各自的命名空间下执行。
更多关于webpack的信息,看以下内容:
Yeoman generators
Yeoman帮助你快速启动新的项目,提供最佳实践和工具来保证你的生产力。SharePoint Yeoman生成器将会作为快速新建客户端web部件项目的一部分提供给开发者。当项目被生成后,你可以使用你喜欢的IDE像Visual Studio或HTML/JavaScript代码编辑器像Visual Studio Code或Sublime Text或Atom。
更多关于Yeoman的信息,看以下内容:
下面是一些你可以使用的常见的Yeoman生成器,取决于你选择的框架:
SharePoint REST APIs
SharePoint框架提供了SharePoint体验和目标web开发的关键集成。SharePoint REST APIs使你能够让SharePoint跟你的其他应用交互来构建你的web部件功能。
我们推荐你熟悉以下的REST API集合:
Patterns and Practices
Office Dev Patterns and Practices / SharePoint Pattern and Practices (PnP)提供了示例代码、模式和其他资源来帮助你将现有解决方案转换到SharePoint Framework。一定要去熟悉PnP上的示例代码和指引。