zoukankan      html  css  js  c++  java
  • SharePoint Framework 配置你的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部件,将在下一讲进行介绍。

  • 相关阅读:
    字符输入流 FileReader
    字符输出流 FileWriter
    字节流复制文件
    字节输入流 FileInputStream
    彻底弄懂jsonp原理及实现方法
    这三个月,我如何一点点地成长(海康前端实习)
    前端chrome浏览器调试总结
    前端常见的布局方案大全
    总结4种常用排序(快排、选择排序、冒泡排序、插入排序)
    详解JS中DOM 元素的 attribute 和 property 属性
  • 原文地址:https://www.cnblogs.com/justinliu/p/7703778.html
Copyright © 2011-2022 走看看