VS2015 ionic 开发环境配置纪要

1)第一次安装Tools for Apache Cordova不成功,到Options检查依赖项,缺少Node等,重新下载了32为的nodeJs安装。然后运行VS安装程序,卸载Tools for Apache Cordova,重新安装,成功。

2)下载VS ionic模板

https://taco.visualstudio.com/en-us/docs/tutorial-ionic/#getTemplates

3)for error: ApacheCordovaToolsPackage package did not load correctly

solution: https://social.msdn.microsoft.com/Forums/en-US/0e5115ca-83a7-4294-8740-289b3f453fca/rtm-known-issue-store-menu-missing-manifest-designer-exception-package-load-failure-when-creating?forum=Win10SDKToolsIssues

4)选择 Andriod模拟器,报Andriod-23 SDK未安装,按照错误信息提示,到C:\Program Files (x86)\Android\android-sdk 打开SDK Manager,直接install,连接超时。

SOLUTION:

下载最新的SDK Took ols_r25.2.3-windows.zip https://developer.android.com/studio/index.html

这只是一个SDK的安装工具,并不是SDK。 这个文件解压后,没有安装程序,直接复制到一个空间大的盘即可。 运行其中的android.bat,打开SDK Manager,选择需要的SDK库。

选择哪些库参考: http://taco.visualstudio.com/en-us/docs/configure-vs-tools-apache-cordova/

设置环境变量:

Set the ADT_HOME environment variable to the SDK installation location.

Add this to the system path: %ADT_HOME%\tools;%ADT_HOME%\platform-tools

继续用VS Options, Tools for Apache Cordova ->Check Dependency, 用SKD Manager安装缺少的SKD 库

按照VS Optons中Cordova Tools检查依赖项 下载的 installer_r23-windows.exe 安装后不能下载SDK。需要直接到andariod官方站点下载SDK TOOL最新版本。

5) for error:cordova-build error : java.lang.UnsupportedClassVersionError: com/android/dx/command/Main : Unsupported major.minor version 52.0

原因应该是VS安装程序自动安装的java版本是1.7,而andriod sdk最新使用的java是1.8,

solution:下载jdk 1.8安装 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

同时,设置在VS Options 中  java路径 设置为为 C:\Program Files (x86)\Java\jdk1.8.0_131

6)部署andriod 模拟器又失败,但错误信息是读文件的错误,用管理员身份启动VS后,问题解决

7)adariod模拟器启动时,提示一个消息:run an x86 based Android Virtual Device (AVD) is fast 10x faster,We strongly recommend create a new ADC, 怎么才能默认启动x86的模拟器呢?

SDK Tools的Tools-》Manage AVDs,可以创建AVD可修改现有AVD的配置。

不知道怎么指定用那个AVD,所以修改了默认AVD(AVD_GalaxyNexus_ToolsForApacheCordova)的CPU配置,为x86

error: emulator: ERROR: x86 emulation currently requires hardware acceleration!

CPU acceleration status: Please disable Hyper-V before using the Android Emulator.  Start a command prompt as Administrator, run ‘bcdedit /set hypervisorlaunchtype off‘, reboot.

定制hyperV服务后,

8)安装了ionic2项目模板,创建项目后,出现npm ERR! 404 ‘angular/core‘ is not in the npm registry.

通过错误信息,VS使用的node路径为: C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External\node

这个的版本为node -v v0.10.31, 而全局安装的node版本为6.x, 将C:\Program Files (x86)\nodejs\node.exe覆盖到vs的目录

但是VS使用的npm版本(C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External)依然不对(如何升级npm?)。

solution:按照这篇文章 https://ryanhayes.net/synchronize-node-js-install-version-with-visual-studio-2015/

直接设置VS使用全局安装的node和npm

9)启动部署inoic2项目是,出现ts编译错误,无法识别readonly关键字。应该是typeScript版本不对,可以通过VS -》 Help检查安装的typescript版本

升级typescript : https://blogs.msdn.microsoft.com/typescript/2016/09/22/announcing-typescript-2-0/  download TypeScript 2.0 for Visual Studio 2015

10)再次部署ionic2项目,npm modules加载成功,但是出现莫名错误,删除ionic2项目,重新创建,部署成功。

11)没有出现tabs页面,出现提示页:You‘re almost ready! If you‘re seeing this page, then you still need to install the NPM Task Runner extension for Visual Studio and run this app again. You can download the extension from: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.NPMTaskRunner

按照提示信息,安装NPM Task Runner

但是发现右键package.json没有出现Task Runer Exploere菜单,到VS->Views->Other Windows 打开Task Runer Exploer。

终于搞定!

12)build android error when download grade

solution: http://www.cnblogs.com/freewsf/p/5802217.html  (下载到本地)

13)build error:Could not reserve enough space for 2097152KB object heap

solution:http://www.cnblogs.com/slmk/p/6260224.html

大体的意思是系统内存不够用,创建VM失败。

开始->控制面板->系统->高级设置->环境变量->系统变量

新建变量:
变量名: _JAVA_OPTIONS
变量值: -Xmx512M

退出cmd窗口,重新执行

14)Debug on VS Emulator error:  Could not locate the Android Debug Bridge (adb.exe)

修改注册表中的android sdk path

HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK Tools

这是因为vs指定的sdk目录和你实际的不一致
运行 regedit 修改注册表
HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK Tools  键-Path
修改Path值为Android sdk路径,问题解决
注意:sdk路径下要有  \platform-tools\adb.exe

15)import exist ionic project:

https://taco.visualstudio.com/en-us/docs/tutorial-ionic/

16)ionic build android error: cordova Process ‘command ‘build-tools\25.0.3\aapt.exe‘‘ finished with non-zero exit value 1

按照提示,输入ionic build android --debug, 发现提示ANDROID_HOME环境变量没设置,设置好后,依然有错误,

再次按照提示,直接运行出错的cmd:增加 --stacktrace参数

D:\Future_TFS\BM1-5\src\FuceFPMobile\FuceFPMobileClient\platforms\android\gradlew cdvBuildDebug -b D:\Future_TFS\BM1-5\src\FuceFPMobile\FuceFPMobileClient\platforms\android\build.gradle -Dorg.gradle.daemon=true -Pandroid.useDeprecatedNdk=true --debug  --stacktrace

发现,有几个图片,文件名是中文,提示添加失败,删除图片,问题解决

时间: 2024-11-08 21:32:27

VS2015 ionic 开发环境配置纪要的相关文章

vs2015+ffmpeg开发环境配置

参考教程 https://blog.csdn.net/HUSTLX/article/details/51014307 1.在http://ffmpeg.zeranoe.com/builds/  下载最新的ffmpeg的dev版和share版,注意下载的时候严格区分x64和x86,取决于你vs2015调试的解决方案平台用什么,如果安装了错误的版本将会出现一堆无法解析的错误.包含三个版本:Static.Shared以及Dev• Static   --- 包含3个应用程序:ffmpeg.exe , f

踏入OpenGL大门 —— VS2015开发环境配置 (详细图文)

转自: https://www.jianshu.com/p/68c314fa9fea?from=groupmessage 眼睛熊 ---------------- 本文 --------------- 注意:笔者是以 Win10 + VS2015 为例 内容:安装CMake.配置freeglut .配置glew 版本:Window10.VS2015.CMake 3.8.0-rc-1.freeglut 3.0.0.glew 2.0.0 目标:使初学者不再为配置OpenGL相关环境苦恼 预热 需要说

2.VS2013和opencv3.1.0开发环境配置

首先要做的就是 开发环境配置,具体过程如下: Step 1:OpenCV环境变量配置 我的电脑--->属性--->高级系统设置--->高级--->环境变量--->系统变量--->Path--->编辑,将OpenCV安装目录的bin目录添加进去,记得加上 ;(分号),本人电脑上的路径为:D:\OpenCV\OpenCV4Windows\OpenCV-3.1.0-Windows\build\x64\vc12\bin Step 2:VS2013中要做的的配置 具体操作如

Ionic 开发环境搭建

android sdk环境搭建并非易事,本人经过无数失败,才使用以下方式成功 配置Ionic 开发环境 1.下载JDK并配置Java运行环境 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 安装后需要进行如下配置: 在“系统变量”中,设置3项属性,JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击“编辑”,不存在则点击“新建”. 1)JAVA_HO

xshell远程终端操作Ubuntu server安装LAMP环境之最详细笔记之二PHP开发环境配置

前言: 昨天学会了安装server,今天试着通过远程终端xshell来安装LAMP,搭配一下开发环境,也有集成环境可以一键安装使用,还是瞎折腾一下,手动一步一步搭建一下这个开发环境. 接上一篇:ubuntu server 14.04 LTS下搭建LAMP环境之最详细笔记之一U盘安装双系统本文原创博客地址:http://www.cnblogs.com/unofficial官网地址:www.pushself.com) 准备: 在windows系统上首先需要安装xhsell,具体下载地址可以搜一下,安

(转)VC6.0中OpenGL开发环境配置

首先简单介绍一下OpenGL: OpenGL作为当前主流的图形API之一,它在一些场合具有比DirectX更优越的特性.       OpenGL官方网站(英文)    http://www.opengl.org 然后设置编程的一些环境,及其安装必备文件的步骤如下: 第一步:选择一个编译环境 现在Windows系统的主流编译环境有Visual Studio,Broland C++ Builder,Dev-C++等,它们都是支持OpenGL的.但这里我们选择VC++ 6.0作为学习OpenGL的环

Go语言Eclipse开发环境配置-windows

1.首先安装eclipse,选择一个适合的版本就好,解压即可 http://www.eclipse.org/downloads/ 2.下载go语言安装包 官网地址 :http://www.golang.org/ 官网地址有时候打不开,百度云盘下载go1.2安装包  http://pan.baidu.com/s/1c0Gf4UO#dir/path=%2FSoft%2FGoLang  32 64位都有 一路Next cmd输入go version 看到这个就安装好了,环境变量什么的会自动配置好的,唯

【OpenCV入门教程之一】 OpenCV 2.4.8 +VS2010的开发环境配置

目录(?)[-] 因为读研期间的研究方向是图像处理所以浅墨这段时间闭门研究了很多OpenCV和图像处理相关的知识与内容眼看自己积累到一定的程度了于是决定开始开设这个OpenCV系列专栏总结自己所学也分享知识给大家 还是先放出待会儿的测试用图 下载和安装OpenCV SDK sources里面是源代码想查看完整的源代码需要用cmake来解包如何解包大家百度一下就可以或者下次浅墨来专门讲一讲这里就先不多说了 配置环境变量 工程包含include目录的配置 工程库lib目录的配置 链接库的配置 在Wi

一起学Google Daydream VR开发,快速入门开发基础教程一:Android端开发环境配置一

原文因涉及翻墙信息,被强制删除,此文为补发! 准备工作 进入Google Daydream开发者官网,开启准备工作,官网地址:https://vr.google.com/daydream/developers/ -------------------------------------------------------------------------------------------------------------------- Google Daydream开发者网址: https