ionic在win7下环境配置

注意 : 所有路径均不支持中文。

软件环境 : windows _x64 、Android Studio2.2 、JDK1.8

一 , 安装JDK

JDK默认的安装的位置 c:/Program Files/Java/jdk1.8.0_66

如果是32位操作系统,需要下载32位jdk进行安装

二,安装安卓环境

安装Android Studio 2.2

接下来的步骤,完全是傻瓜式操作,直接下一步即可。

三,修改环境变量

右键我的电脑-->属性-->高级系统设置-->高级选项卡-->环境变量。

这里可以修改用户变量,也可以是添加系统变量,我添加的是用户变量

在用户变量里新建两个环境变量:

ANDROID_HOME C:\Android\sdk

JAVA_HOME C:\Program Files\Java\jdk1.8.0_66\bin

点开PATH,在后面新增:

C:\Android\sdk\platform-tools;

C:\Android\sdk\tools

这里注意分号间隔!!!

四,打开Android Studio(快捷方式或者应用程序中找)

新建一个项目,项目的首字母必须大写,保存路径不能有中文。

安装虚拟器,打开AVD Manager


创建一个新的虚拟机


选择一个android版本,点击Download下载


选择下载的android版本,完成。此时会弹出来一个窗口,点击右边的三角按钮,运行即可

五,用dos命令行运行

现在,可以关闭掉所有的android studio,包括虚拟机

1,打开windows命令行工具,而不是git!!!

2,在命令行中输入 emulator -list-avds 命令,会列出所有的模拟器

3,使用命令:emulator @模拟器名字:(如 emulator @Nexus 4)即可启动模拟器

注意:如果不能运行,有错误。此时,再次打开你的Android studio




这个路径一定要修改成sdk目录;

4,保存,重新运行一次,如果还不行,重启一下电脑,此时就可以运行了。

六,创建ionic项目

1,在c盘根目录创建一个文件夹app,用cd命令进去app文件夹(app是所有项目的根目录)

2,运行 npm  i  ionic -g

3,安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

4,运行cnpm install cordova -g

5,运行cnpm install ionic -g

6,此时ionic环境已经配置完成。创建一个项目吧。

install start 项目名字(首字母最好大写)

创建项目非常的慢。直接将一个空白项目打包成zip,以后就可以使用这个zip来直接创建项目了。

创建完成后,cd进入具体的项目的文件夹,如Test目录

7,执行ionic serve ,此时项目会使用默认浏览器打开。

ionic serve -w chrome 会使用谷歌打开

ionic serve -w chrome -l 会打开ios和android两种不同的风格

8,在虚拟机上运行。添加运行平台

ionic platform add android

编译:ionic build android 此时会生成一个apk文件,可以安装到安卓手机进行运行

Android Studio运行 : ionic emulate android

七,真机调试

如果使用真机调试。

使用命令:ionic run android

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章