VS2017 Cordova Ionic2 移动开发环境搭建教程
分享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安装使用手册》进行学习,希望大家喜欢。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
相关文章
- 这篇文章主要介绍了如何在IOS中使用Cordova插件,包括搭建和使用方法,如果对Cordova感兴趣的同学,可以参考下...2021-04-14
- 干货来袭! 为大家分享了C# 7.0 新特性,VS2017可用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台。官方说有低成本,低开发周期,轻量化等优点,这些咱暂时也没法证明,略过不表。但是有一条跨平台,却是很明显的优势。因为它采用HTML5+JavaScript的模式来开发应用...2020-06-30
VS2017 Cordova Ionic2 移动开发环境搭建教程
这篇文章主要为大家详细介绍了VS2017 Cordova Ionic2 移动开发环境搭建教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22Visual Studio(VS2017)配置C/C++ PostgreSQL9.6.3开发环境
这篇文章主要为大家详细介绍了Visual Studio(VS2017)配置C/C++,PostgreSQL9.6.3开发环境,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22Windows安装配置C/C++(VS2017)OpenSSL开发环境配置教程
这篇文章主要为大家详细介绍了Windows安装配置C/C++,OpenSSL开发环境配置教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-04-25- 这篇文章主要为大家详细介绍了VS2017添加EF的MVC控制器报错的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- 这篇文章主要为大家详细介绍了vs2017软链接失效而导致无法进入安装界面的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
ionic2自定义cordova插件开发以及使用(Android)
这篇文章主要为大家详细介绍了ionic2自定义cordova插件开发以及使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-06-24- 这篇文章主要为大家详细介绍了VS2017调用MySQL 8.0的方法,附上C++程序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- 下面小编就为大家分享一篇VS2017 安装打包插件的图文教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-09-22
- 下面我们来看一篇关于Ionic + cordova 构建 webapp 项目的例子,希望此教程能够给各位同学带来帮助。 开发环境是Windows,ubuntu + mac同理,测试平台为android,ios同理...2016-10-02
Visual studio 2017添加引用时报错未能正确加载ReferenceManagerPackage包的解决方法
这篇文章主要介绍了VS2017添加引用时报错未能正确加载ReferenceManagerPackage包的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22- 这篇文章主要介绍了VS2017使用Git进行源代码管理的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-11-03
使用Eclipse导入Cordova创建的Android工程项目
下面我们来看一篇关于使用Eclipse导入Cordova创建的Android工程项目的例子,希望文章能够帮助到各位朋友,具体的细节如下文介绍。 使用 Cordova 开发 Android 应用时...2016-10-02- 这篇文章主要为大家详细介绍了Win10+VS2017新CUDA项目配置教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-04-25
- 这篇文章主要为大家详细介绍了VS2017做为Unity3D的脚本编辑器需要的最精简组件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22