ionic安装

作者: 笑楔信 | 来源:发表于2016-11-23 17:14 被阅读152次

    安装Node.js

    Node.js官网

    Node.js是一个基于Chrome V8 JavaScript引擎的JavaScript运行时

    Node.js使用事件驱动、非阻塞I/O模型,轻量而高效。

    Node.js的包生态系统—npm,是世界上最大的开源库生态系统。

    安装好Node.js后,通过npm,可以安装ant、corova、express、ionic

    配置

    官网下载安装包,按默认安装完成

    命令行:输入node -v,出现版本号说明安装成功

    安装JDK

    2016年底官网的最新JDK

    JDK用来适配java环境

    配置

    官网下载JDK,解压到D盘(建议)或默认安装到D盘

    path:jdk中bin的位置

    命令行:javac,弹出一堆选项,说明安装成功

    安装ant

    ant官网

    Apache ant是一个java库和辅助编译软件的命令行工具

    配置

    ANT_HOME    C:\apache-ant-1.8.1

    path C:\apache-ant-1.8.1/bin

    classpath  C:\apache-ant-1.8.1\lib

    (*配置完成后)命令行:ant -v,如提示build.xml does not exist!,说明安装成功

    安装cordova

    cordova提供了一组设备API,用来让JavaScript访问原生的硬件设备

    cordova提供了一组统一的JavaScript类库来访问设备相关的原生后台代码

    cordova支持常用的移动操作系统

    配置

    命令行:npm install -g cordova                 通过npm下载cordova

    命令行:cordova create MyApp                 通过cordova创建我的应用

    命令行:cd MyApp                                     切换到我的应用

    命令行:cordova plamform add brower     通过cordova添加浏览器平台

    命令行:cordova run browser                     在我的应用中使用cordova在浏览器运行

    安装express

    express是基于Node.js的web应用开发框架

    配置

    命令行:npm install express

    如果失败,改用命令行:npm install -g express

    安装ionic

    ionic用来开发混合手机应用的代码库

    ionic是开源和免费的

    ionic可以优化html、js、css的性能

    ionic可用于构建Sass和AngularJS的优化

    ionic绑定了AngularJs和Sass(css编程语言)作为页面设计工具,基于PhoneGap编译平台实现跨平台编译

    配置

    命令行:npm install -g cordova ionic           安装cordova

    命令行:ionic start myApp tabs                   创建一个名叫myApp的并含有tabs的项目--本人失败了,down不下来

    (可选)命令行:cd myApp                                       换到myApp

    (可选)命令行:ionic platform add ios                    使用ionic添加ios平台

    (可选)命令行:ionic build ios                                编译为ios环境

    (可选)命令行:emulate ios                                    模拟器运行ios

    命令行:ionic serve                                      如果出现一堆选项,说明安装成功

    我觉得当前较实际的方式:访问http://www.runoob.com/ionic/ionic-install.html,通过网站提示安装ionic环境,用Hbuilder编译器调试和运行

    相关文章

      网友评论

        本文标题:ionic安装

        本文链接:https://www.haomeiwen.com/subject/mooepttx.html