SharePoint FrameWork 开发攻略

环境安装

1：如果你是本地SharePoint Sever 使用

安装 Node.js v8.17.0。

npm install gulp-cli@2.3.0 --global
npm install yo@2.0.6 --global
npm install @microsoft/generator-sharepoint@1.10.0 --global

参考如下配置本地环境：

1. 确保配置了应用程序管理服务和其他依赖服务应用程序，请参阅为 SharePoint Server 应用程序配置环境。
2. 创建和配置应用程序目录网站，请参阅在 SharePoint Server 中管理应用程序目录。

参考文档:使用 SharePoint Server 2019 和订阅版进行 SharePoint 框架开发 |Microsoft 学习

设置 SharePoint 框架开发环境 | Microsoft Learn

1：SharePoint 线上环境环境 使用

参考如下文档配置：

设置 SharePoint 框架开发环境 | Microsoft Learn

下载完了之后，开始开发

线上版本：参考如下文档：生成首个 SharePoint 客户端 Web 部件（Hello World 第 1 部分） | Microsoft Learn

本地版本：生成首个 SharePoint 客户端 Web 部件（Hello World 第 1 部分） | Microsoft Learn

发布

通过 Microsoft 365 CDN 托管客户端 Web 部件（Hello World 第 4 部分） | Microsoft Learn

将客户端 Web 部件部署到 SharePoint 页面（Hello World 第 3 部分） | Microsoft Learn

本地版常见问题：

1：安装基础组件（node.js和其他的都是有版本区别的，不能直接安装最新）

2：在现有环境中安装应用商城

3：下载代码后，发布的过程中需要注意将外部文件的路径引用改成网路的。

4：按照以上的版本安装之后在创建项目只能安装WebPart，如果有要安装其他的部件，则需要安装如下的版本：

还是应该安装1.10.0，但是要装node.js 12版本，并且删除

C:\Program Files\nodejs\node_modules

这下面的缓存文件。

可能你会认为这是解决方案，我告诉你，唯一的方案就是卸载node.js,删除npm文件夹：

C:\Users\Administrator\AppData\Roaming\npm\

然后重装，不要一条命令去装：

npm install gulp-cli@2.3.0 yo@2.0.6 @microsoft/generator-sharepoint@1.10.0 –global

这种会出现各种恶心的问题，老老实实的：

npm install gulp-cli@2.3.0 –global
npm install yo@2.0.6 –global
npm install @microsoft/generator-sharepoint@1.10.0 –global

切记！切记！切记！