SharePoint Framework 开发工具和库

时间:2021-10-29 11:26:45
博客地址:http://blog.csdn.net/FoxDave

SharePoint Framework包含一些客户端JavaScript库,你可以用来构建自己的解决方案。本文提供了你可以用来开发客户端web部件的工具和库的概述。

TypeScript

TypeScript是JavaScript的超类型,它以纯JavaScript编译。SharePoint客户端开发工具使用TypeScript类、模型和接口进行编译,你可以使用这些来构建强壮的客户端web部件。

开始使用TypeScript,使用以下的资源:

  • TypeScript Quick Start
  • TypeScript Playground
  • TypeScript Handbook
  • TypeScript community on Stack Overflow
  • JavaScript frameworks

    你可以使用任意的JavaScript框架来开发客户端web部件,下面是一些最受欢迎的:

  • React
  • AngularJS 1.x
  • Angular 2 for TypeScript 2.x
  • Handlebars
  • 由于客户端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.js
  • Node.js API reference documentation
  • Node.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 Gulp
  • TypeScript and Gulp
  • Articles about Gulp
  • Webpack

    Webpack是一个模块打包工具,它把你的web部件文件打包为依赖项并生成一个或多个JavaScript包以便可以在不同的场景加载不同的包。

    开发工具链条使用CommonJS来打包。这使得你能够定义模块并选择在哪使用他们。工具链条还使用SystemJS来加载你的模块,它是一个通用的模块加载器。这帮助你确保你的每个web部件在各自的命名空间下执行。

    更多关于webpack的信息,看以下内容:

  • Webpack documentation
  • TypeScript, React, and Webpack
  • Yeoman generators

    Yeoman帮助你快速启动新的项目,提供最佳实践和工具来保证你的生产力。SharePoint Yeoman生成器将会作为快速新建客户端web部件项目的一部分提供给开发者。当项目被生成后,你可以使用你喜欢的IDE像Visual Studio或HTML/JavaScript代码编辑器像Visual Studio CodeSublime TextAtom

    更多关于Yeoman的信息,看以下内容:

  • Scaffold a web app with Yeoman
  • List of available Yeoman generators
  • 下面是一些你可以使用的常见的Yeoman生成器,取决于你选择的框架:

  • generator-react-webpack
  • generator-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上的示例代码和指引。