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部件,将在下一讲进行介绍。

相关文章
|
1月前
|
Java 数据库连接 开发工具
web后端-SpringCloud-Config分布配置
web后端-SpringCloud-Config分布配置
|
30天前
|
数据库
最全三大框架整合(使用映射)——struts.xml和web.xml配置
最全三大框架整合(使用映射)——数据库资源文件jdbc.properties
9 0
|
1月前
|
Java 关系型数据库 应用服务中间件
JAVA Web项目开发eclipse工具包配置(第一天)
JAVA Web项目开发eclipse工具包配置(第一天)
|
1月前
|
安全 应用服务中间件 nginx
|
2月前
|
SQL 监控 Java
Java Web应用中数据库连接池的配置与优化
Java Web应用中数据库连接池的配置与优化
|
3月前
Flutter笔记:使用Flutter构建响应式PC客户端/Web页面-案例
Flutter笔记:使用Flutter构建响应式PC客户端/Web页面-案例
54 0
|
3月前
|
Ubuntu 网络协议 Linux
EVE-NG初次启动及WEB客户端访问
本章从虚拟机Eve模拟器启动、模拟器的启动配置、浏览器访问三个步骤讲解EVE-NG的首次启动。 1.启动模拟器 打开虚拟机环境,启动安装好的EVE-NG虚拟机,进入如下界面。
|
3月前
|
搜索推荐 应用服务中间件 Apache
HTTP状态码301(永久重定向)不同Web服务器的配置方法
当用户或搜索引擎向服务器发出浏览请求时,服务器返回的HTTP数据流中头信息(header)中包含状态码301,以向用户表示该资源已经永久改变了位置。
84 2
|
3月前
|
移动开发 网络协议 JavaScript
web客户端websocket
web客户端websocket
122 1
|
3月前
|
Ubuntu 网络协议 Linux
EVE-NG初次启动及WEB客户端访问
本章从虚拟机Eve模拟器启动、模拟器的启动配置、浏览器访问三个步骤讲解EVE-NG的首次启动。 1.启动模拟器 打开虚拟机环境,启动安装好的EVE-NG虚拟机,进入如下界面。

热门文章

最新文章