肉饼博客

Talk is cheap. Show me the code.

0%

Ionic环境搭建及基本命令

一、安装软件

1.安装: Nodejs

2.cmd验证:node -v

3.安装cnpm(npm镜像):npm i cnpm -g

4.cmd验证:cnpm -v

5.安装cordova和Ionic:cnpm i cordova ionic -g

6.cmd验证:cordova -vionic -v

7.安装64bit的 JDK

8.安装: Android Studio

二、设置环境变量

1.JDK相关环境变量:

a.新建一个系统变量“JAVA_HOME”,值为刚才安装的64bit jdk 的路径:C:\Program Files\Java\jdk1.8.0_121

ionic1

b.找到Path,将jdk的bin路径添加至末尾,保存

ionic2

c.cmd验证:java -version

2.为Android SDK设置相关环境变量:

a.新建一个系统变量“ADT_HOME”,值为Android SDK的路径:C:\Users\yourname\AppData\Local\Android\sdk

ionic3

b.Path下添加:将 Android SDK 的 tools 和 platform-tools 路径添加至“变量值”末尾并保存

ionic4

ionic5

3.基本命令(先挂VPN)

a.创建app:

1
cd start Myapp tabs  --v2

b.模拟运行:

1
2
ionic serve
ionic serve --l

c.添加平台:

1
2
ionic platform add android
ionic platform add ios