热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ionic2+angular2+cordova安装

背景:公司采用ionic+angular,制作app。然后今天换了电脑,装了一天环境,记录一下这精彩(坑爹)的一天。一:安装nodenode版本:node-v6.11.3-x64.

背景:公司采用ionic+angular,制作app。然后今天换了电脑,装了一天环境,记录一下这精彩(坑爹)的一天。

一:安装node
node版本:node-v6.11.3-x64.msi
链接:http://pan.baidu.com/s/1eRT0Cxk 密码:53ze
安装过程:
1.点击next,就可以完成安装(我自定义安装到了D盘 d:\nodejs\ )
2.检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入”cmd” => 输入命令”path”,输出如下结果:
ionic2+angular2+cordova 安装
或者右键我的电脑=》属性=》左侧 高级系统设置 =》环境变量 =》path中查看
3.输入node -v 输出node相应版本号
4.输入npm -v 输出npm相应版本号
ionic2+angular2+cordova 安装
5.npm 全局安装(指定路径全局安装 我这里指定为”D:\nodejs\npm_global\modules\node_modules”
修改prefix的值:npm config set prefix *
ionic2+angular2+cordova 安装
如果指定路径,全局安装,需要修改环境变量里面path的路径为:D:\nodejs\npm_global\modules\node_modules

到此为止,node算暂且装好了,为什么说暂且呢,因为,以上这个步骤在今天安装的过程中重复了很多遍[允悲],在接下来,遇到了各种奇葩问题,但是也有可能运气好不会遇到。
问题:
1.win8/win10的电脑npm install 显示权限不够,请用管理员打开
2.express不是内部或外部命令,请尝试上面安装的步骤5

如果做了很多尝试仍然存在以上两个问题,可以采用下面的解决方案:
1.node版本尽量选择node-v6.11.3,目前node-v6.11.3-x64这个版本比较成熟,中国官网(http://nodejs.cn/)的下载版本是v8.4.0,在安装的时候可能会出现以上问题。
2.win10系统的把c:\user.npmrc文件删除(.npmrc文件的作用,就是配置npm源。
eg.淘宝源 registry = https://registry.npm.taobao.org)
或者把.npmrc的内容修改成:
prefix = E:\软件安装\nodejs\node_global
cache = E:\软件安装\nodejs\node_cache(此法没有尝试过,解决不了的勇士可以尝试一下)


二:配置java环境
java版本: jdk1.8
链接:http://pan.baidu.com/s/1ge6yler 密码:ww2f
安装过程:
1.一直next就好
2.环境变量配置:
点击我的电脑=>属性=>高级设置=>环境变量
系统变量→新建 JAVA_HOME 变量 。
变量值填写jdk的安装目录(我的路径 D:\java\jdk1.8.0_144)
3.点击开始=》运行=》输入”cmd” 输入java –version 检测java版本,如果出现相应的版本号,显示jdk安装成功

问题:
之前在网上搜索1.8的jdk的时候找不到,就先用了jdk1.7的版本,结果报如下错误:

ionic2+angular2+cordova 安装

后来发现是因为环境监测需要jdk1.8及1.8以上

小贴士:
最后还是在官网下载了jdk1.8,在下载过程中,遇到了如下问题,并且在注册相应账号之后仍然不允许下载该资源:

ionic2+angular2+cordova 安装

后来发现,要先勾选页面的一个选项,才允许下载资源(后来经过测试,发现在未登录的状态下,也可以下载)

ionic2+angular2+cordova 安装


三:安装android_sdk
版本:24.4.1
链接:http://pan.baidu.com/s/1gfmv95L 密码:98h6
过程:下载下来后,点开SDK.manager.exe,下载项目需要的相应配置
Tools部分:
ionic2+angular2+cordova 安装
SDK platform部分:
ionic2+angular2+cordova 安装
Extras:(如果有时间的话,最好都下载下来)
ionic2+angular2+cordova 安装

问题:
在最后运行程序的时候,如果遇到如下问题:
ionic2+angular2+cordova 安装


四:安装项目需要的相关express
本项目相关
npm install [email protected] -g
npm install [email protected] -g
npm i [email protected] -g
npm i [email protected] -g
npm i @angular/[email protected] -g


五:安装android platform
cordova platform add android;

附:开发工具webstorm
链接:http://pan.baidu.com/s/1eRBjTJG 密码:gafz
汉化包:(WebStorm汉化包,支持WebStorm 2017版本)
使用方法:直接复制文件到WebStorm安装目录中lib文件夹中即可,重新打开WebStorm就可以了。
链接:链接:http://pan.baidu.com/s/1o8yY6ds 密码:2lit


推荐阅读
  • baresip android编译、运行教程1语音通话
    本文介绍了如何在安卓平台上编译和运行baresip android,包括下载相关的sdk和ndk,修改ndk路径和输出目录,以及创建一个c++的安卓工程并将目录考到cpp下。详细步骤可参考给出的链接和文档。 ... [详细]
  • Android Studio Bumblebee | 2021.1.1(大黄蜂版本使用介绍)
    本文介绍了Android Studio Bumblebee | 2021.1.1(大黄蜂版本)的使用方法和相关知识,包括Gradle的介绍、设备管理器的配置、无线调试、新版本问题等内容。同时还提供了更新版本的下载地址和启动页面截图。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • 自动轮播,反转播放的ViewPagerAdapter的使用方法和效果展示
    本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter,并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]
  • 本文介绍了Android 7的学习笔记总结,包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容,并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同,否则会出现问题。 ... [详细]
  • 本文介绍了如何清除Eclipse中SVN用户的设置。首先需要查看使用的SVN接口,然后根据接口类型找到相应的目录并删除相关文件。最后使用SVN更新或提交来应用更改。 ... [详细]
  • 本文介绍了使用kotlin实现动画效果的方法,包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果,并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例,可以用来实现放大缩小的效果。 ... [详细]
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 本文介绍了在Mac上搭建php环境后无法使用localhost连接mysql的问题,并通过将localhost替换为127.0.0.1或本机IP解决了该问题。文章解释了localhost和127.0.0.1的区别,指出了使用socket方式连接导致连接失败的原因。此外,还提供了相关链接供读者深入了解。 ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • CentOS 6.5安装VMware Tools及共享文件夹显示问题解决方法
    本文介绍了在CentOS 6.5上安装VMware Tools及解决共享文件夹显示问题的方法。包括清空CD/DVD使用的ISO镜像文件、创建挂载目录、改变光驱设备的读写权限等步骤。最后给出了拷贝解压VMware Tools的操作。 ... [详细]
  • 如何搭建Java开发环境并开发WinCE项目
    本文介绍了如何搭建Java开发环境并开发WinCE项目,包括搭建开发环境的步骤和获取SDK的几种方式。同时还解答了一些关于WinCE开发的常见问题。通过阅读本文,您将了解如何使用Java进行嵌入式开发,并能够顺利开发WinCE应用程序。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • JVM 学习总结(三)——对象存活判定算法的两种实现
    本文介绍了垃圾收集器在回收堆内存前确定对象存活的两种算法:引用计数算法和可达性分析算法。引用计数算法通过计数器判定对象是否存活,虽然简单高效,但无法解决循环引用的问题;可达性分析算法通过判断对象是否可达来确定存活对象,是主流的Java虚拟机内存管理算法。 ... [详细]
author-avatar
batman@zhou
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有