SharePoint Framework 开发工具和库

最新推荐文章于 2024-08-28 09:37:55 发布

weixin_30248399

最新推荐文章于 2024-08-28 09:37:55 发布

阅读量115

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/justinliu/p/5961591.html

本文介绍了使用SharePoint客户端开发工具构建web部件的方法，包括TypeScript、JavaScript框架、Node.js、Webpack等关键技术，并推荐了一些实用资源。

博客地址： http://blog.youkuaiyun.com/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 Code或Sublime Text或Atom。

更多关于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上的示例代码和指引。

转载于:https://www.cnblogs.com/justinliu/p/5961591.html