Ionic开发文档

开发环境搭建

发布时间 2018-5-23 15:56:27   浏览量()   收藏(1)

一、Jdk的安装

下载链接:https://pan.baidu.com/s/1i6fuVWT 密码:ifqm

环境配置:

1.我的电脑-->属性-->高级-->环境变量.
2.配置用户变量:
        a.新建 JAVA_HOME
             E:\Program Files (x86)\java(JDK的安装路径) 
        b.新建 PATH
             %JAVA_HOME%\bin

                                 %JAVA_HOME%\jre\bin

        c.新建 CLASSPATH
           .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
3.测试环境变量配置是否成功: 
   开始-->运行--〉CMD
   键盘敲入: JAVAC   -version
        出现jdk版本信息,而不是出错信息,即表示配置成功!

二、node.js安装

官方下载地址:https://nodejs.org/en/

我的链接:https://pan.baidu.com/s/1ragcRaG 密码:sp7y

下载安装后环境变量Path里面会有配置如下:

E:\Program Files\nodejs\

在cmd中执行命令 npm如果不报错说明安装成功

node -v   查看node版本

三、cordova安装

npm install -g cordova ionic

在cmd中执行以下命令安装:npm -g install cordova

安装完成后在命令行执行命令:cordova  如果不报错说明安装成功

cordova  -v  查看cordova  的版本

四、Android Studio安装

下载安装后会提示sdk安装路径,我们主要使用的是sdk

安装完成后像系统环境变量的path中添加2个路径如下:

F:\ionic\AppData\Local\Android\Sdk\platform-tools

F:\ionic\AppData\Local\Android\Sdk\tools

1.png




五、apache Ant安装

下载链接:https://pan.baidu.com/s/1nw4VoYd 密码:7gdp

下载后解压并在环境变量path下配置如下:

F:\ionic\soft\apache-ant-1.10.1-bin\apache-ant-1.10.1\bin

ant -v 查看版本

六、安装ionic

npm install -g cordova ionic

npm install -g ionic

npm install -g ionic@latest

如果安装不成功开启翻墙软件试试,一般不要使用cnpm


Ionic -v查看版本

七、Git安装

官方最新下载:https://git-scm.com/download/win

我的链接:https://pan.baidu.com/s/1c3lAK0o 密码:v5hk

需要用360下载不行的话加翻墙

下载完成后注意修改环境变量path路径:

C:\Program Files\Git\bin\

八、注意其他事项


cordova和ionic同时安装的命令:

npm install -g cordova ionic



如果以上环境由于网络原因不成功可以通过淘宝的npm镜像使用cnpm安装

镜像地址:https://npm.taobao.org/

安装方法如下:npm install -g cnpm --registry=https://registry.npm.taobao.org



广告会让浏览体验不好,可这是网站的唯一收入,请点击下面的百度广告,支持老高的开源行动吧!