Ionic 项目创建

简介:

1. Ionic介绍

Ionci 是一个强大的HTML5 应用程序框架。 可以帮助您使用Web技术,如HTML, CSS和Javascript构建原生体验的移动应用程序。

Ionic主要关注外观和体验,以及和你的应用程序UI交互,特别适合基于Hybirrd模式的HTML5移动程序开发。

Ionic是一个轻量级手机UI库,具有速度快,界面现代化,美观等特点,为了解决其他一些UI库在手机上运行缓慢的问题。

 

2. Angularjs介绍

Ionic整合了AngularJs integrate

Ionic url路由使用AngularUI Router

号称下一代web应用,主要特性如下:

1.MVC

2. 模块化与依赖注入

3.双向数据绑定

4. 指令与UI控件

 

3.缺点

放弃IOS6和Android4.1以下版本的支持

根据友盟统计, IOS6和Android4.1以下的版本用户比例很少。

 

4. Ionic安装

npm install -g ionic

 

5. 创建项目

ionic start hi

hi为项目名称

 

6. ionic cordova platform add android

 

出现 Looks like this is an Ionic Angular project, would you like to install @ionic/cli-plugin-ionic-angular and continue?

选择yes

命令执行完成后出现The plugin @ionic/cli-plugin-cordova is not installed. Would you like to install it and continue?

选择yes

 

 7. ionic build android

提示Error: Cannot find module '@ionic/app-scripts'

安装app-script 

npm i @ionic/app-scripts

 

8. 在真机上运行

build成功后,ionic cordova run android

 


本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/p/7073567.html,如需转载请自行联系原作者

目录
相关文章
|
3月前
|
Perl
如何在项目中使用CocoaPods和Carthage?
如何在项目中使用CocoaPods和Carthage?
21 4
|
10月前
|
IDE NoSQL Java
简单的 C/C++ 项目自动化构建--Xmake
简单的 C/C++ 项目自动化构建--Xmake
|
C++
C/C++ Qt 编译打包项目
Qt程序编译后,需要去qt目录拷贝几个文件,与qt程序放在一起该程序才可以脱离开发环境而独立运行下去,在开发环境下编译好代码以后,还需要进行以下操作将其打包才可以在别的机器上正常运行。
352 0
C/C++ Qt 编译打包项目
|
Android开发 iOS开发
ionic3 热更新
ionic3 热更新
2455 0
|
JavaScript C++ Windows
Ionic2开发环境搭建-VS 2017
原文:Ionic2开发环境搭建-VS 2017 目前在VS 2017中创建Ionic2版本项目 注:在VS中开发Ionic项目,使用的Ionic(v2.x),Cordova(v6.3.1),Angular(v2.x)的版本都比较低。
1483 0
|
移动开发 JavaScript Java
给Ionic写一个cordova(PhoneGap)插件
    给Ionic写一个cordova(PhoneGap)插件   之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂;现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么强烈了。
1928 0
|
Web App开发 索引
Ionic 2 开发(一)_安装与目录结构
由于公司开始使用后ionic 进行前段开发,现在需要学习下ionic,虽然是后台开发,但是还是有必要了解下的 安装Node.js 官网:http://nodejs.cn/ 自行下载安装 安装Ionic npm install -g cordova npm install -g ionic 设置淘宝镜像 npm config set registry https://registry.
1064 0