Logo

SharePoint FrameWork 开发攻略

photo

2025年06月08日

环境安装

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

切记!切记!切记!

橙子主题打折出售

其实我不卖,主要是这里是放广告的,所以就放了一个
毕竟主题都没做完,卖了也是坑.

购买它
所有附件
该文章没有附件.
本文为原创文章,请注意保留出处!

留言板

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Azure 身份认证 2025年06月06日

参考文章:微软身份平台和OAuth2.0授权代码流–Microsoftide...Azure身份认证

热门文章

WordPress 后台编辑器样式实现直接预览 在WordPress3.0以后,有一个新的实用功能:你可以更改默认后台编辑器(TinyMCE)的样...WordPress后台编辑器样式实现直接预览 作者:Pastore Antonio
1612 浏览量
又到泡桐花开时 暮春四月,百花争艳,千姿百态,香飘千里,万木争荣。有一种泡桐树,迟于阳春三月里盛开的桃树、杏树、李树,欣欣然,翩翩然,花开芬芳,来到五彩缤纷姹紫嫣红的大自然界,向人们一展芳姿,怒放于中原大地,成为晚春时节一道靓丽的风景线。 作者:Pastore Antonio
1585 浏览量
C#图片处理 通常对一幅图片的处理包括:格式变换,缩放(Scale),翻转(Rotate),截取(Clip),滤镜...C#图片处理 作者:Pastore Antonio
1580 浏览量
【干货】Chrome插件(扩展)开发全攻略 写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的...【干货】Chrome插件(扩展)开发全攻略 作者:Pastore Antonio
1568 浏览量
memcached 处理 多端口:https://blog.csdn.net/Erica_1230/article/deta...memcached处理 作者:Pastore Antonio
1562 浏览量