VS2017 Cordova Ionic2 移动开发-环境搭建
1. 文档概述
本文档用于说明Visual Studio 2017下使用 Ionic 2进行跨平台开发的运行环境配置。
2. 安装环境
Windows10
3. 安装 Visual Studio 2017 community
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命令
原文:http://www.cnblogs.com/bunsen/archive/2017/04/14/6708736.html
转载于:https://www.cnblogs.com/ImaY/p/6888559.html
VS2017 Cordova Ionic2 移动开发-环境搭建相关推荐
- OpenGL初探-Win10+VS2017+freeglut+glew+gltools开发环境搭建
最近在研究OpenGL,主要看的书是<OpenGL超级宝典(第5版)>,学习编程自然少不了从环境搭建开始,然后写一个Demo,运行成功即告开篇成功,本篇文章将使用书本中的2.5章节< ...
- Cordova/Ionic Android 开发环境搭建 - Windows系统
电脑操作系统 - windows 10 IDE - WebStorm 2019 Node v10.15.3 npm v6.4.1 Ionic v3 Angula v5 Cordova 移动设备 - 机 ...
- 【游戏开发】基于VS2017的OpenGL开发环境搭建
一.简介 最近,马三买了两本有关于"计算机图形学"的书籍,准备在工作之余鼓捣鼓捣图形学和OpenGL编程,提升自己的价值(奔着学完能涨一波工资去的).俗话说得好,"工欲善 ...
- Ionic+Cordova开发环境搭建
Ionic+Cordova的组合是一个跨平台的移动开发框架,属于HybirdApp开发模式.其中Ionic是一个前端框架,集成了AngularJs在里面,有很好很漂亮的UI控件.Cordova本身就是 ...
- Ionic3开发环境搭建-VS Code
原文:Ionic3开发环境搭建-VS Code 一.Ionic3在VS Code中的开发环境搭建 1.全局安装Ionic包 npm install -g cordova ionic 使用 ionic ...
- phoneGap-Android开发环境搭建
phoneGap-Android开发环境搭建 一.安装 在安装PhoneGap开发环境之前,需要按顺序安装以下工具: 1.Java SDK java sdk,不安装的话不能正常安装Android SD ...
- JRtplib开发笔记(四):JRtplib的VS开发环境搭建以及Demo
原博主博客地址:https://blog.csdn.net/qq21497936 本文章博客地址:https://blog.csdn.net/qq21497936/article/details/84 ...
- win10平台下VS2019+Qt5.14.2开发环境搭建
Qt,是一个跨平台的C++应用程序开发框架,广泛用于开发GUI程序. 前情提要: 之前电脑中安装了Qt5.12.3版本,但是呢,只有MingW64位的编译版本,只能在Qt Creator中去编译,不能 ...
- QGC4.1.2二次开发(1)--Qt5.12.6 andorid开发环境搭建
开发环境介绍: QGC版本: 4.1.2 Qt版本: 5.12.6(QGC要求) windows平台开发:vs2017 andorid平台: JDK Java SE 8u281 ando ...
最新文章
- 2020-11-02C 标准库 - <ctype.h>
- 20160531-20160607springmvc入门
- python3 redis 设置连接超时
- android配置文件说明
- 【又放洋屁了】文艺细菌发作了
- boost::hana::remove_range_c用法的测试程序
- php中sql格式化字符串,sqli注入-sprintf格式化字符串带来的注入隐患
- 开启spring boot学习之旅
- linux中的管道和重定向
- 窗函数在图像处理中的应用
- linux进程阻塞的原因,释放大块内存时的阻塞问题
- 博文视点大讲堂 37 期——It's Android Time :程序员创富有道!圆满结束
- 怎么使用PDF编辑器在PDF中插入图片?PDF插入图片的教程
- iOS Socket 客户端 基本使用
- onBlur和onChange冲突解决方法
- 关于oppo和vivo这两年强势崛起的反思
- 以下不属于大气数据计算机系统的传感器是,下列不属于地理信息技术的是 A. 遥感 B.传感器 C. 全球定位系统 D. 地理信息系统——青夏教育精英家教网——...
- java 图片添加水印(文字水印+图片水印)
- Beego搭建企业微信机器人定时消息推送
- Apache RocketMQ QuickStart