SharePoint Framework 配置你的SharePoint客户端web部件开发环境

简介: 博客地址:http://blog.csdn.net/FoxDave你可以使用Visual Studio或者是你自己的开发环境来构建SharePoint客户端web部件。
 博客地址: http://blog.csdn.net/FoxDave

你可以使用Visual Studio或者是你自己的开发环境来构建SharePoint客户端web部件。你可以使用Mac、PC或是Linux。

安装开发工具

NodeJS

安装NodeJS的Long Term Support(LTS)版本。

>如果你已经安装了NodeJS,请检查以确保你的是最新版本,使用命令node -v。该命令会返回当前的LTS version

安装就正常下一步就可以了,现在官网推荐的最新版本是4.5.0,执行命令的效果如下图:

>如果你使用的是Mac,建议你使用homebrew来安装和管理NodeJS。

安装完后,确保你运行了npm的V3,使用下面的命令:

npm -g install npm@3

运行的效果如下图:

对于Ubuntu Linux命令的早期版本可能会遇到“permission denied”的错误信息,所以应该改用下面的命令运行:

sudo npm -g install npm@3

代码编辑器

安装一个代码编辑器。你可以使用任意的支持客户端开发的代码编辑器或集成开发环境(IDE)来构建你的web部件,如:

Visual Studio Code

Sublime

Atom

Webstorm

步骤和文档中的示例使用的是Visual Studio Code,但是你可以选用其他编辑器。

如果你使用的是PC

你需要安装windows-build-tools。它将会安装Visual C++ Build Tools 2015,由微软提供的免费版。构建受欢迎的本地模块需要这些工具。它还会安装Python 2.7,适当地配置你的电脑和npm。

运行下面的命令:

npm install --global --production windows-build-tools

注意这个命令需要用管理员身份运行命令行工具才能顺利执行,如下图:

如果你使用Visual Studio

如果你想要使用Visual Studio作为你的开发环境,安装下面这些需要的工具和更新:

Visual Studio 2015

Visual Studio Update 3 or later

Node.js Tools for Visual Studio

如果你使用Ubuntu

你需要使用下面的命令安装编译工具:

sudo apt-get install build-essential

如果你使用fedora

你需要使用下面的命令安装编译工具:

sudo yum install make automake gcc gcc-c++ kernel-devel

安装Yeoman和gulp

Yeoman帮助你一键创建新的项目,并提供最佳实践和工具来帮助你保证生产力。SharePoint客户端开发工具包括一个Yeoman生成器用来创建新的web部件。生成器提供了公共编译工具,公共样本代码和一个公共网站来承载web部件用于测试。

输入下面的命令安装Yeoman和gulp:

npm i -g yo gulp

安装Yeoman SharePoint生成器

Yeoman SharePointweb部件生成器帮助你快速创建一个带有正确的工具组和结构的SharePoint客户端解决方案项目。

输入下面的命令安装Yeoman SharePoint生成器:

npm i -g @microsoft/generator-sharepoint

可选工具

下面是一些有用的其他工具:

Fiddler

Postman plugin for Chrome

Cmder for Windows

Oh My Zsh for Mac

Git source control tools

下一步

创建第一个客户端web部件,将在下一讲进行介绍。

相关文章
|
15天前
|
Java API 数据库
构建RESTful API已经成为现代Web开发的标准做法之一。Spring Boot框架因其简洁的配置、快速的启动特性及丰富的功能集而备受开发者青睐。
【10月更文挑战第11天】本文介绍如何使用Spring Boot构建在线图书管理系统的RESTful API。通过创建Spring Boot项目,定义`Book`实体类、`BookRepository`接口和`BookService`服务类,最后实现`BookController`控制器来处理HTTP请求,展示了从基础环境搭建到API测试的完整过程。
31 4
|
1月前
使用 Node 创建 Web 客户端
使用 Node 创建 Web 客户端
81 4
|
2月前
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
18天前
|
监控 Java Maven
springboot学习二:springboot 初创建 web 项目、修改banner、热部署插件、切换运行环境、springboot参数配置,打包项目并测试成功
这篇文章介绍了如何快速创建Spring Boot项目,包括项目的初始化、结构、打包部署、修改启动Banner、热部署、环境切换和参数配置等基础操作。
71 0
|
20天前
|
NoSQL Java 数据库连接
springBoot:整合其他框架&condition&切换web配置 (五)
本文档介绍了如何在Spring Boot项目中整合JUnit、Redis和MyBatis等框架,并提供了相应的依赖配置示例。同时,还展示了如何通过条件注解实现Bean的条件创建,以及如何切换Web服务器配置,从默认的Tomcat切换到Jetty。
|
2月前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
2月前
|
Web App开发 前端开发 JavaScript
Web前端项目的跨平台桌面客户端打包方案之——CEF框架
Chromium Embedded Framework (CEF) 是一个基于 Google Chromium 项目的开源 Web 浏览器控件,旨在为第三方应用提供嵌入式浏览器支持。CEF 隔离了底层 Chromium 和 Blink 的复杂性,提供了稳定的产品级 API。它支持 Windows、Linux 和 Mac 平台,不仅限于 C/C++ 接口,还支持多种语言。CEF 功能强大,性能优异,广泛应用于桌面端开发,如 QQ、微信、网易云音乐等。CEF 开源且采用 BSD 授权,商业友好,装机量已超 1 亿。此外,GitHub 项目 CefDetector 可帮助检测电脑中使用 CEF
216 3
|
17天前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
75 3
|
23天前
|
设计模式 测试技术 持续交付
开发复杂Web应用程序
【10月更文挑战第3天】开发复杂Web应用程序
30 2
|
1天前
|
JavaScript 前端开发 Java
SpringBoot_web开发-webjars&静态资源映射规则
https://www.91chuli.com/ 举例:jquery前端框架
8 0