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,如需转载请自行联系原作者

目录
相关文章
|
7月前
|
JavaScript
ionic4 如何安装和创建项目
ionic4 如何安装和创建项目
75 1
|
7月前
|
Windows
ionic4 checkout出的项目运行失败
ionic4 checkout出的项目运行失败
41 0
|
JavaScript 定位技术 开发工具
在 Ionic2 TypeScript 项目中导入第三方 JS 库
原文发表于我的技术博客 本文分享了在Ionic2 TypeScript 项目中导入第三方 JS 库的方法,供参考。原文发表于我的技术博客 1. Typings 的方式 因在 TypeScript 中引用之前的 JS 库还需要引入对应的类型定义,也就是 .d.ts 文件。
1422 0
|
JavaScript Android开发 iOS开发
实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求  实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目   实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构  实战使用Axu...
1488 0
|
JavaScript 前端开发 Android开发
Ionic 开发中遇到的常见问题及解决方案
Ionic 常见问题及解决方案
8382 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.
1100 0
|
Web App开发 移动开发 JavaScript
Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App
原文:Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App 安装VS2015 Update2的过程是非常曲折的。还好经过不懈的努力,终于折腾成功了。 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错。
1795 0
|
缓存 JavaScript Android开发
Ionic 1 & 2 开发常见问题 Q&A
原文发表于我的技术博客 本文分享了在 Ionic 1 & 2 版本开发过程中常见问题的一些 Q&A,供慕课网同学或其他朋友参考。原文发表于我的技术博客 1. 版本的问题 Ionic 2 目前属于快速迭代更新的版本,版本的更新会带来如文件结构和少许代码的变更,不过底层还是构建于 Angular 2 ...
1535 0
ionic开发之用户头像修改-图片选择与上传
用户头像修改,图片选择上传,非常常用的功能,本来打算和wap版一样,也用XMLHttpRequest和FormData来处理图片异步上传,结果在手机上测试的时候发现,onload事件没有触发,没找到原因,本来想省点事才不用插件去实现这个功能的,这下看来只能用插件了。
1698 0