SharePoint Online 开发篇：SharePoint Framework 基本概念

Blog链接：https://blog.51cto.com/13969817

如果大家想学习SharePoint Framework，需要了解一些基础知识，这对 classic SharePoint 开发人员来说非常重要，因为我们面对的是modern开发，一个可能并不熟悉的工具。

首先，我们来熟悉一下Node.js和基于npm的开发：

• 类似.json
• Node Package Manager（npm)
• Yarn（推荐）

  Webpack 是非常流行的Module Bundlers，它是SharePoint Framework所选择的，所以我们需要对它有一些基本了解。

• 是一个模块捆绑器
• Modern Solution是建立在他人工作的基础上的
• Modern Framework的规模越来越大
• Module Bundlers允许我们使用CSS、JavaScript、图像等做延迟加载，捆绑等等更多事情

作为一名开发人员，我们经常被卷入更复杂的项目中，一个简单的hello world应用程序并不适用于我们，我们需要学习一下比较重要的Yeoman。

• 任何基于npm的项目都有许多依赖项、脚本、构建步骤和任务，SharePoint Framework也是如此。
• 在Visual Studio中有File\New Project, 它会帮我们设置好一切
• 在基于npm的开发中，与file\new project完全等价的是Yeoman Generator
• SharePoint Framework是基于Yeoman Generator的

TypeScript，无论你多么擅长JavaScript，你都会在其中犯错误，原因是JavaScript语言从来就不是用来写复杂的程序。

• JavaScript从未被设计成在百万行代码之上编写复杂程序的语言
• TypeScript，将为你提供未来的高级语言概念和特性，但是它确实引入了转换的步骤
• SharePoint Framework依赖于TypeScript

基于web开发带来的另一个candidate是CSS，Syntactically Awesome Style Sheets （SASS）

• CSS作为一种语言比较脆弱
• 多个浏览器和标准使得管理更加困难
• Modern Application的需求，复杂程度，特性，CSS3，主题化的需求等使得管理更加困难。
• SASS是一种转换为CSS的语言，使CSS更容易理解和管理
• SharePoint Framework 可以使用SASS

一旦我们有了需求背景，我们就会安装SharePoint Framework所需的工具，我们将设置Yeoman生成器，获取Office 365 订阅，然后编写我们的SharePoint Framework应用程序。

来源：51CTO

作者：bxapollo

链接：https://blog.51cto.com/13969817/2482522