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

VS2017 Cordova Ionic2 移动开发环境搭建教程
 更新时间：2017年04月17日 09:07:18   作者：小本生  

这篇文章主要为大家详细介绍了VS2017 Cordova Ionic2 移动开发环境搭建教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

分享VS2017 Cordova Ionic2 移动开发环境搭建教程
1. 文档概述
本文档用于说明Visual Studio 2017下使用 Ionic 2进行跨平台开发的运行环境配置。
2. 安装环境
Windows10
3. 安装Visual Studio 2017community
3.1 官方下载地址：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 “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
官网下载：nodejs.org/en/
安装完成之后，在windows的开始菜单会有 Node.js command prompt快捷方式。
点击此快捷方式，在此窗口执行上述npm命令

更多精彩内容大家可以点击《Visual Studio 2017开发使用教程》，关于visual studio的安装教程可以点击《Visual Studio安装使用手册》进行学习，希望大家喜欢。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持华域联盟。

您可能感兴趣的文章:VS2017 安装打包插件的图文教程解决VS2017不能打开stdio.h等文件的问题Windows安装配置C/C++（VS2017）OpenSSL开发环境配置教程VS2017做为Unity3D的脚本编辑器需要的最精简组件VS2017添加EF的MVC控制器报错的解决方法在vs2017上配置AppGameKit库的图文教程

VS2017
Cordova
Ionic2
移动开发

相关文章
Asp.net利用一般处理程序实现文件下载功能这篇文章主要介绍了Asp.net利用一般处理程序实现文件下载功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下 2017-07-07
.Net平台开发实践的一些点滴总结(技术规范与实践精华)以下是本人对.Net平台开发实践的一些点滴总结。这里的技术规范主要是开发过程的代码规范、数据库设计规范、Com和.Net互操作规范；实践精华是对技术实践过程中的部分总结。
2010-04-04
aspx超强木马查杀与防范(web网马)下面代码是一个aspx超强木马，功能很多，大家在服务器上见到一定要小心 2013-12-12
ASP.NET MVC验证码功能实现代码ASP.NET MVC验证码功能实现代码，需要的朋友可以参考一下 2013-06-06
asp.net html控件的File控件实现多文件上传实例分享asp.net中html控件的File控件实现多文件上传简单实例，开发工具vs2010使用c#语言,感兴趣的朋友可以了解下，必定是多文件上传值得学习，或许本文所提供的知识点对你有所帮助 2013-02-02
某个aspx页面突然死了连日志也没有的解决方法某个aspx页面突然死了连日志也没有，朋友提醒event viewer里看看，果然错误在那里，有此情况的朋友可以参考下 2013-08-08
.NET实现文件跨服务器上传下载的方法这篇文章主要给大家介绍了.NET文件如何实现跨服务器上传下载的方法，文中通过图片介绍的很详细，相信对大家的理解和学习具有一定的参考借鉴价值，有需要的朋友们可以跟着小编来一起学习学习吧。 2016-12-12
精通ASP.NET中弹出窗口技术本文讨论如何以ASP.NET中的CodeBehind方式实现各种弹出窗口，实现与弹出窗口的交互 2012-10-10
asp.net mvc-Controllerl篇 ControllerDescriptor 2012-11-11
ASP.net 路径问题 详解各位有没有碰到在日常工作中经常在路径设置的时候把 "~/ 、./ 、../ 、 / 、"这些符号搞混搞乱了？ 2010-05-05

最新评论