配置ionic+AngularJS+cordova 开发环境

前段时间换了一个电脑开发，一切从0开始 。什么环境都没啦！此文记录

移动App环境配置

使用Ionic开发需要安装的基本工具

• Node
• Git
• JAVA JDK
• Android SDK
• Ionic cordova

安装之前要做的事

• 把所不相关的软件都设置为非开机启动，特别是国产杀毒软件，卫士之类软件。
• 然后重新启动系统
• 安装过程和使用过程中如果有防火墙提示，都点击允许访问。如果有权限提示，都点击是或者确定。
• node的版本 4之上 （6推荐）
• 所有安装都不能有中文名称

安装Ionic开发需要的基本工具，一个个说

1、Node

• 下载地址

检测：安装之后在命令提示符检测版本。如有版本出现，那就是安装成功了

2、Git

• 下载地址
• ng-cordova插件需要使用

检测：安装成功之后，在桌面右键单击，会出现git bash

###3、JAVA JDK

• 下载地址

• 这是做java语言运行开发所依赖的工具，就像js语言运行需要浏览器一样

• 环境变量配置:

  • 新建变量名 JAVA_HOME，变量值配置为：jdk安装路径(c:/xxx/jdk1.8.0.25)
  • 新建变量名 CLASSPATH，变量值配置为：

  .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

  注意最前面有个英文点号

  • PATH,变量值追加: ;%JAVA_HOME%\bin;
    (如果是win10系统，则是列表形式。点击编辑path，进去新建一栏，填入 %JAVA_HOME%\bin 即不带分号)

  我是在window10 系统下操作的：计算机右键-属性-高级系统设置-高级-环境变量
  以下是这三个步骤的截图：

  1、新建

2、新建完成后

3、Path追加

检测： 在命令提示符（cmd）输入javac较验或输入java -version

4、Android SDK

• Android SDK是Android平台上进行软件开发所需要的开发包，我们通过安装Android Studio的方式来安装Android SDK

  • Android Studio 是Android开发的IDE(集成开发环境)
    • 至少是2.0 版本

• 我们不是要使用这个IDE，而是要使用它所集成的Android SDK,如果手动下载安装SDK很麻烦。

• 安卓官网被墙android sdk 中文网站

• 注意：安装路径不要有中文也不要用空格

• 环境变量:

  • 新建变量名ANDROID_HOME:变量值配置为sdk安装路径(C:\iscDev\Android\sdk)
  • PATH:变量值追加:
    %ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools

环境变量配置跟上面一样

PATH:变量值追加:

检测：cmd命令行中输入adb

5、cordova

• 也是一种混合开发的工具
• 通过npm 安装 cordova ,需要进行全局安装。
  • npm install -g cordova

6、ionic

• 是基于cordova的混合开发工具，是对cordova的封装
• 通过npm 安装 Ionic,需要进行全局安装
  • npm install -g ionic

---

以上是Ionic开发移动App所依赖的环境

---

PS：

• npm直接安装很慢，换成国内镜像源下载：查看
• 环境变量配置还是有疑惑的：查看