zoukankan      html  css  js  c++  java
  • SharePoint Online 创建SPFx客户端Web部件

      1.创建项目目录

      打开Node.js的命令行工具,进入到我们提前创建好的项目路径,输入命令创建项目目录,如下图:

      md helloworld-webpart

     

      2.进入项目目录

      cd helloworld-webpart

     

      3.运行 Yeoman SharePoint 生成器创建新的 HelloWorld Web 部件

      yo @microsoft/sharepoint

      会在Node.js的对话框中,让你输入一些项目信息,按照提示输入就可以了,如下图:

     

      JS框架我这里选择无,创建完毕的样子,如下图:

     

      用我们喜欢的代码编辑器,打开webpart的文件,如下图:

     

      打开以后,我们就可以找到渲染的方法了,如下图:

     

      在服务器上查看客户端Web部件,如下图:

      cd helloworld-webpart

      gulp serve

     

      运行结果如下图:

     

      选择我们的HelloWorld就可以了,如下图:

     

      当然,我们也可以在开发环境中,打开SharePoint Online的站点,对代码进行调试(但是也需要先运行gulp serve),如下图:

      https://DevSiteUrl/_layouts/15/workbench.aspx

     

      结束语

      至此,我们就已经了解了如何为SharePoint Online创建SPFx客户端Web部件了,是不是很简单啊?的确!

      后面,我们会继续为大家介绍,如何创建一个和SharePoint Online站点进行数据交互的Web部件,并且部署到SharePoint Online站点中。

  • 相关阅读:
    监听器模式
    接口幂等性实现
    如何设计一个良好的API接口
    接口重试实现
    Spring不常用但有用的注解
    angular项目语言切换功能
    解决IOS上传竖向照片会旋转90度的问题
    微信点击链接:debugx5.qq.com提示您使用的不是x5内核
    swagger注释@API详细说明
    创建swap虚拟内存分区
  • 原文地址:https://www.cnblogs.com/jianyus/p/12927359.html
Copyright © 2011-2022 走看看