• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >ASP.NET > VS2017 Cordova Ionic2 移动开发环境搭建教程

VS2017 Cordova Ionic2 移动开发环境搭建教程

作者:小本生 字体:[增加 减小] 来源:互联网 时间:2017-05-11

小本生通过本文主要向大家介绍了ionic2 cordova,ionic2 开发工具,ionic2 开发环境,ionic2,ionic2中文教程等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

分享VS2017 Cordova Ionic2 移动开发环境搭建教程

1. 文档概述

本文档用于说明Visual Studio 2017下使用 Ionic 2进行跨平台开发的运行环境配置。

2. 安装环境

Windows10

3. 安装Visual Studio 2017community

3.1 官方下载地址:https://www.visualstudio.com/downloads/

3.2 运行安装程序,需选中使用JavaScript的移动开发,如下图所示。

3.3 进行VS2017扩展Ionic2安装

3.3.1运行VS2017,点击菜单栏的 工具->扩展和更新

3.3.2 安装 NPM Task Runner

在扩展和更新窗口左侧点 联机 右侧搜索 NPM Task Runner,找到后点下载

3.3.3 安装 Ionic2

同3.3.2一样搜索 Ionic2 找到 Ionic 2 Templates for Visual Studio 2017 ,然后点击下载

3.3.4 关闭Visual Studio 2017,此时开始安装上面所下载的两个扩展。

或者不使用上述方法,在安装好 node.js之后,在命令行执行:npm install -g cordova ionic

3.4 建立一个Ionic2项目

点确定后可看到右侧解决方案资源管理器依赖项正在还原。

如果还原失败,请使用VPN等代理工具FQ。

3.5 运行

如果一切顺利,依赖项还原全部成功,这时候就可以开始执行了。

运行需要一会儿时间,稍后在浏览器看到如下界面,说明完全成功了。

3.6 但是,有这么顺利吗?!

我在依赖性还原这里,即使开着代理,vpn,仍然出现错误@ionic/app-scripts 未安装

3.6.1 解决办法

进入windows的命令提示符。

输入:npm install @ionic/app-scripts@latest --save-dev

如果顺利执行的话,再次进入VS2017就会发现@ionic/app-scripts已经更新好了。

3.6.2 然而,执行上面命令的时候出现了

Cannot download "https://github.com/sass/node-sass/releases/download/v4.5.0/win32-x64-51_binding.node":

怎么解决呢:

1.在浏览器手工下载上面提示的链接,保存文件到某个目录

2.然后进入windows命令提示符: set SASS_BINARY_PATH=E:/Tools/win32-x64-51_binding.node

3.再次运行 npm install @ionic/app-scripts@latest --save-dev

OK,成功。

3.6.1 如果上面命令都不能执行,可能你需要下载更新Node.js

官网下载:https://nodejs.org/en/

安装完成之后,在windows的开始菜单会有 Node.js command prompt快捷方式。

点击此快捷方式,在此窗口执行上述npm命令

更多精彩内容大家可以点击《Visual Studio 2017开发使用教程》,关于visual studio的安装教程可以点击《Visual Studio安装使用手册》进行学习,希望大家喜欢。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • VS2017 Cordova Ionic2 移动开发环境搭建教程

相关文章

  • 2017-05-11asp.net下URL处理两个小工具方法
  • 2017-05-11asp.net中利用ashx实现图片防盗链的原理分析
  • 2017-05-11asp.net 组件开发中的内嵌资源引用
  • 2017-05-11moq 的常用使用方法(推荐)
  • 2017-05-11.net core使用redis基于StackExchange.Redis
  • 2017-05-11一些.NET对多线程异常处理技巧分享
  • 2017-05-11asp.net ListView交替背景颜色实现代码
  • 2017-05-11asp.net中使用 Repeater控件拖拽实现排序并同步数据库字段排序
  • 2017-05-11详解VS2017 Linux 上.NET Core调试
  • 2017-05-11asp.net 文件下载实现代码

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • C#实现HTTP协议迷你服务器(两种方法)
    • dotnet封装的kindeditor编辑器控件
    • ASP.NET私有构造函数用法分析
    • .NET中文乱码的解决方法分享
    • C#中使用SQLite数据库的方法介绍
    • .NET 2.0获取配置文件AppSettings和ConnectionStrings节数据的方法
    • ASP.NET Session对象保持会话使用说明
    • 为GridView的行添加鼠标经过、点击事件的小例子
    • 浅谈ASP.NET中MVC 4 的JS/CSS打包压缩功能
    • ASP.NET访问共享文件夹的详细步骤

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有