ionic起步——环境搭建步骤

ionic是什么:

ionic是一款基于PhoneGap及AngularJS开发Hybrid/Web APP的前端框架,简单来说就是可以将你的Web应用打包发布成IOS/Android APP,并且提供了PhoneGap之外很多强大的服务和新的特性。

1、安装nodes    

       下载地址:https://nodejs.org/en/   选择 8.11.1 LTS的版本,较稳定

       安装完之后,命令行中执行 node -v 看看版本号,有则表示安装成功。

 注意:切换淘宝镜像

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

之后所有用到的 npm 命令都可以使用 cnpm 来代替进行 install。但是 cnpm 不支持 publish 命令,需要注意。

2、安装ionic2

        输入以下命令安装 Ionic (如果刚才设置了淘宝镜像源,可以使用 cnpm 代替 npm):

   npm install -g ionic

   安装之后看一命令行执行: ionic -v 查看版本号

3、安装Cordova

    npm install -g cordova

    安装之后看一命令行执行: cordova -v 查看版本号

4、安装JDK

   为了编译到 Android平台,还需要安装JDK

注意请安装最新版本的 JDK,下载地址:

http://www.oracle.com/technetwork/java/javase/downloads/index.html

       安装完后,配置环境变量(百度查看如何配置)

Java环境变量的配置:参看:http://zhidao.baidu.com/question/1366931535221381339.html

5、安装Android SDK

        这个安装包可以在网上下载,下载安装完成之后,

        配置一下环境变量即可。

6、创建项目

以上配置完之后,打开命令行窗口,执行ionic start myFirstApp 试试,这个是创建ionic app 的项目,然后 cd  ./myFirstApp  执行 ionic serve ,浏览器会打开当前的app页面。

7、开发工具

下载vscode 开发工具,打开上面创建的项目

 

 

 Ionic官方教程: http://learn.ionicframework.com/videos/windows-android/

        以下内容参考官方教程得出。

猜你喜欢

转载自blog.csdn.net/qq_36451496/article/details/84998590