ionic2+angular2+cordova 安装

最新推荐文章于 2023-04-17 00:00:00 发布

长安古意

最新推荐文章于 2023-04-17 00:00:00 发布

阅读量1.5k

点赞数

分类专栏： ionic angular 文章标签： angular nodejs

本文链接：https://blog.youkuaiyun.com/aiyishengyishi/article/details/78045240

版权

ionic 同时被 2 个专栏收录

4 篇文章

订阅专栏

angular

3 篇文章

订阅专栏

背景：公司采用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”，输出如下结果：
这里写图片描述
或者右键我的电脑=》属性=》左侧高级系统设置 =》环境变量 =》path中查看
3.输入node -v 输出node相应版本号
4.输入npm -v 输出npm相应版本号

5.npm 全局安装（指定路径全局安装我这里指定为”D:\nodejs\npm_global\modules\node_modules”
修改prefix的值：npm config set prefix *
这里写图片描述
如果指定路径，全局安装，需要修改环境变量里面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的版本,结果报如下错误:

这里写图片描述

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

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

这里写图片描述

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

这里写图片描述

三:安装android_sdk
版本:24.4.1
链接：http://pan.baidu.com/s/1gfmv95L 密码：98h6
过程:下载下来后,点开SDK.manager.exe,下载项目需要的相应配置
Tools部分:
这里写图片描述
SDK platform部分:

Extras:(如果有时间的话,最好都下载下来)

问题:
在最后运行程序的时候,如果遇到如下问题:
这里写图片描述

四:安装项目需要的相关express
本项目相关
npm install cordova@6.5.0 -g
npm install ionic@3.9.2 -g
npm i code-push-cli@1.12.9-beta -g
npm i code-push@1.11.1-beta -g
npm i @angular/cli@1.1.3 -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