技术随笔ionic开发Ionic Framework

ionic安装

2016-11-23  本文已影响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编译器调试和运行

上一篇 下一篇

猜你喜欢

热点阅读