利用ionic1 、angularJs1 框架来做的一款app (一)创建ionic 1项目

最新推荐文章于 2020-07-13 17:24:24 发布
最新推荐文章于 2020-07-13 17:24:24 发布
阅读量679 收藏 4
点赞数
文章标签： 离子入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lions_mouse/article/details/83621175
版权

文章目录

    (1) . 安装nodejs

    (2) . 安装最新版本的cordova 和 ionic

    (3) . 创建ionic1 项目

 

    (1) . 安装nodejs

 在nodejs官网上下载安装包。

    (2) . 安装最新版本的cordova 和 ionic

npm install -g cordova ionic 

    (3) . 创建ionic1 项目

ionic start myApp blank --type=ionic1  创建一个空白的app项目 （下图1）

ionic start myApp tabs --type=ionic1 创建一个带有tabs项目（下图2）

ionic start myApp sidemenu --type=ionic1 创建一个带有滑动的项目（下图3）

 

 

 

 

 

lions_mouse
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ionic 创建 APP
01-06
ionic 创建 APP 使用 HTML、CSS 和 Javascript 来构建，所以我们可以创建一个 www 目录，并在目录下创建 index.html 文件，代码如下： Todo 以上代码中，我们引入了 Ionic CSS 文件、 Ionic JS 文件及 Ionic ...
Ionic和AngularJS实现移动端APP前端
技术黑板
06-03 3638
下图是众多伙伴打造的学生给教师评分的任务界面     页面逻辑： 1.点击右上角的三条杠按钮，将显示黑底白字菜单，点击页面其他地方，菜单隐藏 2.点击"切换账号"，将回退到登录页 3.点击"退出系统"，APP关闭 4.点击每一门课程，进入评教详情页，也就是一些评估试题 5.页面可滑动 6.每
ionic1入门
好女绪的博客
04-29 1123
ionic1入门 参考自： Ionic开发实战 Ionic1与Ionic2的区别 ionic创建项目遇到的各种问题 简介 ionic 是一个强大的HTML5应用程序开发框架(HTML5 Hybrid Mobile App Framework)，可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。 ionic特点： ionic 基...
Ionic -- Ionic1与Ionic2的区别
liayn523的博客
04-26 3934
现在公司使用ionic1的框架做项目，ionic2发布之后想把项目迁到ionic2上来，所以研究一下，发现把项目从ionic1迁入到ionic2是有点。。。 Ionic专注于以标准的HTML、CSS、和JavaScript来构建的移动站点，并可以通过Cordova打包成移动App，只需要编写一次代码，就可以分别部署到Ios、Android等多种移动平台上。 接下来我们介绍一下这两个框架的区
ionic1--沉浸式状态栏
who_become_gods的博客
07-13 182
在iOS上，ionic1本身就是支持透明的状态栏的。 在Android上，ionic1自身是不支持的，所以需要我们自己来实现。 第一步，修改MainActivity.java import android.annotation.TargetApi; import android.app.Activity; import android.graphics.Color; import android.graphics.Rect; import android.os.Build; import android.o
Ionic1 开发常用命令
足信方为的博客
07-21 477
1. 安装cnpm组件（镜像淘宝） npm install -g cnpm --registry=https://registry.npm.taobao.org 2. npm指向淘宝镜像（临时指向） npm --registry https://registry.npm.taobao.org install express 3. npm指向淘宝镜像（永久指向）（推荐） npm config s...
ionic-angularjs-app:使用离子框架测试 angularjs（使用cordova 和phonegap）
07-13
ionic-angularjs-app 使用离子框架测试 angularjs（使用cordova 和phonegap）
ionic-toast：用于离子框架应用的“ ionic-toast”凉亭组件
02-21
这是一种ionic-toast凉亭组件，可以与任何Ionic框架的应用程序一起使用。 先决条件。 1） node.js，bower和gulp。 如何使用： 1）在项目存储库中，使用Bower安装ionic-toast bower install ionic-toast --save ...
Elite-Schedule-App:使用 Ionic 框架和 AngularJS 构建移动应用程序
06-10
安装虽然我们建议使用ionic实用程序来创建新的 Ionic 项目，但您可以使用此 repo 作为下一个 Ionic 应用程序的准系统起点。 要按原样使用此项目，首先从 GitHub 克隆存储库，然后运行： $ cd ionic-app-base$ sudo ...
ionic+angularJS js文件
08-25
ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。...与另外一个文件ionic.css文件可以快速开发手机APP
ionic1.1.1文档史上最详细
04-12
ionic1.1.1文档史上最详细
ionic电影购票系统登录注册功能实现
12-24
ionic电影购票系统注册登录功能的实现。
ionic的15个demo和一个真实项目
11-02
包含15个样式demo和一个真实项目的例子，适合新手学习入门ionic
ionic1.x开发APP（1）环境配置
gbguanbo的博客
05-05 4140
ionic1.x是基于angularjs1.x和codova的移动开发框架，是一套html5的开源移动开发框架，一次开发支持多个平台，至少支持android和ios。 ionic2.x是基于angularjs2.x和codova的移动开发框架，因本人对angularjs2.x没有深入研究，我们就讲讲ionic1.x。
AngularJS+Ionic开发-1.搭建开发环境
weixin_33834910的博客
07-10 154
临时项目需要使用AngularJS+Ionic+Cordova技术，半年前跟别人用过一段时间做过几个页面，目前别人已经无法联系了，只能我自己上了。 上次做完项目后，想抽时间好好巩固一下这方面的知识面来，后来其他项目忙起来就给扔下，主要原因还是懒啊，其实有好多的技术排着队等着好好研究呢，就是懒啊。 开发第一步，需要先把开发环境搭建起来。 1.开发IDE 选择VS Code，官方下载地址:https:...
创建ionic 1.X 版本工程
superxukai88的专栏
06-09 3347
安装ionic/Install Ionic 首先您需要安装Node.js. 其次, 安装最新版本的cordova 和 ioniccommand-line tools. 通过参考Android和iOS官方文档来安装. npm install -g cordova ionic 通过Ionic创建一个项目 使用Ionic官方提供的现成的应用程序模板，或
ionic教程（1）--配置环境和创建项目
小牛呼噜噜的博客
01-08 5219
win10 安装开发工具VsCode 安装node.js （由于使用公司的内网，所以要使用代理，这里的坑比较多！！！） 1、通过npm来开发项目 报错： PS F:\demo1> npm install -g ionic@latest npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND npm ERR! network request...
使用angularjs1.x构建前台开发框架（一）——构建基础架构
讨厌走开啦
10-06 3912
angularjs 前台开发框架
ionic1.x+angular1.x实现拍照上传
xuehu837769474的博客
04-11 823
一、插件安装 //先检查是否已添加ngCordova，这一步一般使用过cordova插件都已经添加过了，不需要再添加。 $ bower install ngCordova //或者去别的项目拷贝 <script src="lib/ngCordova/dist/ng-cordova.js"></script> //安装相机插件 ionic cordova plugin a...
怎么用Angular Js和ionic JavaScript写一个类似美团点餐的App
最新发布
05-29
4. 在 app.js 文件中编写 AngularJS 控制器和服务来处理数据和业务逻辑。 5. 在 index.html 文件中编写 HTML/CSS/JavaScript 来显示应用程序的界面和交互。 6. 使用 Ionic 的组件和样式来优化应用程序的用户界面。 7...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值