SharePoint Framework (SPFx)之创建SharePoint Client-Side Webpart(二)
来源:互联网 发布:黑马程序员 招聘信息 编辑:程序博客网 时间:2024/05/19 03:43
一:创建流程
创建流程如下:
二:创建新的WebPart
创建一个新的Hello World的WebPart,如下步骤:
1:创建一个hello word 目录工程,运行如下命令行:MD helloworld-webpart,如下图:
2:进入helloworld的目录,运行命令行:cd helloworld-webpart,
3:运行 Yeoman SharePoint Generator创建hello world的webpart。运行命令行:yo @microsoft/sharepoint,并且选择Y,结果图:
4:一路回车下一步,直到出现最终结果
三:预览新创建的WebPart
1:创建安全证书
因为采用HTTPS方式访问,需要有证书环境中创建,SPFx toolchain可以创建安装一个开发证书,运行如下命令行
gulp trust-dev-cert
选择“是”,安装证书完毕
2:运行预览WebPart
运行命令行:gulp serve,
选择“IE浏览器”打开,在IE浏览器出现SharePoint WorkBench,选择点【+】J进行webpart的添加,如下图
添加WebPart后,效果如下图
三:移动端效果预览
在iPhone6 P下面的效果如下
可以在多种移动设备上预览,看上去效果还不错!
一个完整的WebPart就自动创建好了
0 0
- SharePoint Framework (SPFx)之创建SharePoint Client-Side Webpart(二)
- SharePoint Framework (SPFx)安装配置及开发手册之开始准备(一)
- Sharepoint 2010 之 WebPart
- Sharepoint 2010 之 WebPart
- [Sharepoint]使用UserControl 创建 sharepoint webpart ---SmartPart
- 开发自己的SQL2005报表查看SharePoint WebPart(二)
- SharePoint 2010--为WebPart创建自定义属性
- SharePoint Framework 企业向导(二)
- SharePoint 2013 图文开发系列之WebPart
- Sharepoint习题——sandboxed之Webpart
- sharepoint 调试 webpart
- SharePoint Webpart组件开发
- Hello world ! Sharepoint webpart!
- sharepoint webpart 访问量代码
- sharepoint webpart编程
- sharepoint webpart 部署、激活
- Sharepoint webpart 自定义属性
- Sharepoint WebPart编写
- day03--利用for循环做 逢10 往下一行 练习
- 计数排序Counting sort
- c控制语句:循环(3)
- 排序算法复习
- CNN-卷积反卷积
- SharePoint Framework (SPFx)之创建SharePoint Client-Side Webpart(二)
- angularJs select框用法总结
- javascript 基础 语法 2017-1-4
- Redis登录认证密码
- [LeetCode]343. Integer Break
- java AES 加密解密
- Hadoop2.6..0 HA高可靠性集群搭建(Hadoop+Zookeeper)
- 1.11
- HTML 中常用的字符实体