Ionic环境搭建及基本命令

时间:2022-12-11 21:56:42

一、安装软件

1.安装Nodejs: https://nodejs.org/en/
   cmd验证:node -v
 
2.安装cnpm(npm镜像):
  1. npm i cnpm -g
   cmd验证: cnpm -v
 
3.安装cordova和Ionic: 
  1. cnpm i cordova ionic -g
  cmd验证: cordova -v  和 ionic -v
 
 
 
二、设置环境变量
1.JDK相关环境变量:
a.新建一个系统变量“JAVA_HOME”,值为刚才安装的64bit jdk 的路径: C:\Program Files\Java\jdk1.8.0_121
Ionic环境搭建及基本命令
 
b.找到Path,将jdk的bin路径添加至末尾,保存
Ionic环境搭建及基本命令
c.验证:java -version
 
2.为Android S DK设置相关环境变量:
a. 新建一个系统变量“ADT_HOME”,值为Android SDK的路径: C:\Users\yourname\AppData\Local\Android\sdk
Ionic环境搭建及基本命令
 
b.Path下添加: 将 Android SDK 的 tools 和 platform-tools 路径添加至“变量值”末尾并保存
Ionic环境搭建及基本命令
Ionic环境搭建及基本命令
 
 3.基本命令
先挂VPN
创建app:
  1. cd start Myapp tabs --v2
模拟运行:
  1. ionic serve
  2. ionic serve --l
添加平台:
  1. ionic platform add android
  2. ionic platform add ios