目录下有以下文件: hooks //google之后这个目录应该是在编译cordova时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中plugins //cordova插件的目录,插件的安装下一节详述scss //scss文件,发布时编译这个目录下的文件输出到www的css目录中www //我们的开发目录,页面.样式.脚本和图片都放在这个目录下--css--img--js--lib--index.htmlbower.json //bower配置文件config.xml //Ionic…

Ionic常用命令行解释   原文链接 安装ionic npm install -g ionic 更新www/lib/ionic 目录的文件,如有项目中有bower,此命令会运行bower update ionic, 否则则会从CDN上下载文件并替换.  ionic lib update 创建一个项目,其中template可以是内置的模板类型:blank/sidemenu/tabs(default)三种,也可以是github地址 (这叫ionoic-starter),或者是Codepen sta…

原文链接 安装ionic npm install -g ionic 更新www/lib/ionic 目录的文件,如有项目中有bower,此命令会运行bower update ionic, 否则则会从CDN上下载文件并替换.  ionic lib update 创建一个项目,其中template可以是内置的模板类型:blank/sidemenu/tabs(default)三种,也可以是github地址 (这叫ionoic-starter),或者是Codepen starter地址 可选的参数: -…

简介 Gulp是一个基于流的自动化构建器. 安装 npm config set registry http://registry.npm.taobao.org ---最好用国内源 npm install -g gulp npm install --save-dev gulp 创建文件 gulpfile.js var gulp = require('gulp'); gulp.task('default', function() { // place code for your default ta…

1.Couldn't find ionic.config.json file. ? a.在C:\Users\(Username)\.ionic目录下有ionic.config这个文件 添加后缀名json 复制到项目目录下 即可解决问题 (初识inioc,非专业性回答) b.设置NPM淘宝代理镜像 (1).npm config set registry https://registry.npm.taobao.org (2).npm info underscore 如果配置成功,第二步会有字符串返回…

npm install -g ionic //安装ionic ionic lib update //更新www/lib/ionic 目录的文件,如有项目中有bower,此命令会运行bower update ionic, 否则则会从CDN上下载文件并替换. ionic start your_app_name [template] //创建一个项目,其中template可以是内置的模板类型:blank/sidemenu/tabs(default)三种,也可以是github地址:https://git…

安装ionic npm install -g ionic 更新www/lib/ionic 目录的文件,如有项目中有bower,此命令会运行bower update ionic, 否则则会从CDN上下载文件并替换.  ionic lib update 创建一个项目,其中template可以是内置的模板类型:blank/sidemenu/tabs(default)三种,也可以是github地址 (这叫ionoic-starter),或者是Codepen starter地址 可选的参数: -a you…

注: 1.先安装node-sass  -->> npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass 2.配置 gulpfile.js  -->> 1) Scss简介: 官网:http://sass-l…

简介 Gulp是一个基于流的自动化构建器. 安装 npm config set registry http://registry.npm.taobao.org ---最好用国内源 npm install -g gulp npm install --save-dev gulp 创建文件 gulpfile.js var gulp = require('gulp'); gulp.task('default', function() { // place code for your default ta…

Ionic2开发环境要求: Nodejs V4.5.0 Nodejs自带 Npm V2.15.9 同上 Ionic V2.1.0 安装最新ionic即可 Angular2 V2正式版 同上 说明:以上版本号请务必对应,AngularJs每次更新都是断崖式更新,导致inoic写法多变. 开发工具: VS CODE :V1.6.1(老版本对ts支持不是很好) ionic安装步骤: 1. 安装上述版本的Node: 2. 切换源:npm set registry https://registry.npm…

做前端的都应该知道一个框架  Ionic  这个是移动端webAPP最好用的吧(个人认为),那今天就来说说这个项目的结构以及文件的含义,希望对大家有所帮助 想看如何生成文件的话详细看我上篇博客 在用编辑器 HBuilder 打开生成的项目以后,我们可以看到一系列自动生成的文件夹和文件. hooks 文件夹是伴随 Cordova 的安装 自动生成的文件夹 , 该文件夹有脚本 可以定制 Cordova 命令 . 一般情况下 , 不对该文件夹中的文件进行更改 .  包含了所有使用 npm 安装的依赖包…

当我们来个ionic start circleApp tabs的时候,会自动生成目录结构,基本如下: 显然这不利于项目的管理,当你的项目越来越复杂的时候,这是不够的.我们必须要按照模块进行文件夹的方式去管理 以下为优化后的目录结构 在模板处,我们将其按照模块文件夹的方式去分开管理,每个模块带着自己的控制器走.采用就近原则的管理方式. 当然只要你百度,还有更具备模块化的管理方式,当项目大到一定程度的时候,这种管理方式显然也是不够的,这里不做讨论. 接下来讲讲如何定制化自己的ionic主题样式. i…

一. 目录结构分析 hooks:编译cordova 时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中. node_modules :node 各类依赖包. resources :android/ios 资源(更换图标和启动动画). src:开发工作目录,页面.样式.脚本和图片都放在这个目录下(这个应该是比较重要的个人觉得) src下的目录: ·app:应用根目录 ·app.component.ts 根组件 ·app.module.ts 根模块 告诉ionic如何组装应用. ·main…

ylbtech-ionic:目录 1.返回顶部 1. http://www.runoob.com/ionic/ionic-tutorial.html 2. 2.返回顶部   3.返回顶部   4.返回顶部   5.返回顶部     6.返回顶部   作者:ylbtech出处:http://ylbtech.cnblogs.com/本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.…

公司开始使用ionic开发项目,在此记录下把遇到的问题,网上有大牛已经把解决方法整出来了,不过记录在自己这里方便查阅. 这篇记录在有tabs的项目里,进入子层级时,底部导航还一直存在,本人是要让他只在首页几个界面存在,其他的隐藏,在这里用到了angularjs的指令,要完成这个步骤分为三步: 在标签ion-tabs中添加:ng-class="{'tabs-item-hide': $root.hideTabs}",源码如下: <ion-tabs class="tabs-i…

由于公司开始使用后ionic 进行前段开发,现在需要学习下ionic,虽然是后台开发,但是还是有必要了解下的 安装Node.js 官网:http://nodejs.cn/ 自行下载安装 安装Ionic npm install -g cordova npm install -g ionic 设置淘宝镜像 npm config set registry https://registry.npm.taobao.org npm info underscore (如果上面配置正确这个命令会有字符串resp…

用ionic开发好的app,build好iOS端可用的Xcode工程,然后用模拟器跑起来.研究一下js写的代码做本地持久化时,不同类型的文件都放在那里了. cordova-plugin-sqliteStorage插件创建的数据库的在沙盒中文件位置,默认使用参数default. /Users/userName/Library/Developer/CoreSimulator/Devices/udid/data/Containers/Data/Application/9609D07D-0618-4AD…

序:为什么要写这个系列 第一章:hybrid app开发之技术选型 第二章:ionic,cordova,phonegap关系浅析 第三章:ionic环境搭建之windows篇 第四章:ionic环境搭建之OS X篇 第五章:完成基本布局 第六章(番外篇):基于asp.net web api提供web服务 第七章:基于token机制的用户控制 -- 注册.登录.登出 第八章:自定义loading 第九章:获取终端信息(类型.平台.版本等) 第十章:app.js解析 第十一章:下拉刷新.文件上传 第…

1.在标签ion-tabs中添加:ng-class=”{‘tabs-item-hide’: $root.hideTabs}”,源码如下: <ion-tabs class="tabs-icon-top" ng-class="{'tabs-item-hide': $root.hideTabs}"> //tabs </ion-tabs> 2.添加angularjs的指令,源码如下: //app已经在其他文件中指定,如var app = angula…

工程目录结构说明如下图…

使用不同的存储库结构官方为 { "scripts": { "install": "cd path-to/your-app && npm install", "build": "cd path-to/your-app && ./node_modules/.bin/ionic-app-scripts build --prod --wwwDir ./../../www" }},实验…

using System; using System.IO; using System.IO.Compression; using System.Linq; using System.Text; using System.Web; using System.Web.Mvc; using Ionic.Zip; using ZipFile = Ionic.Zip.ZipFile; namespace WebApplication5.Controllers { public class HomeCon…

最近一直没更新博客,业余时间都在翻译Ionic2的文档.之前本来是想写一个入门,后来觉得干脆把官方文档翻译一下算了,因为官方文档就是最好的入门教程.后来越翻译越觉得这个事情确实比较费精力,不知道什么时候能完成,就先把完成的部分放出来,避免其他人再重复劳动了. 地址:https://www.gitbook.com/book/yanxiaodi/ionic2-guide/details 这个文档不是严格的翻译官方文档,开始几章是自己写的.到组件那章基本上就是翻译了,有时候也会加一点自己踩过的坑.我在…

安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneGap.ionic.AngularJS这些框架或库的关系,我个人理解是这样,PhoneGap是一个商业项目,用来实现HTML5式的跨平台开发,后来Adobe公司将其中的核心代码开源,就是Cordova,Cordova只负责实现JavaScript调用原生代码的功能,是一个壳,而壳里具体用什么样式,在H…

前言 Hybrid技术流行已经有一段日子了,楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开,Hybrid已经是大大提升开发效率的开发方式了,但是仍然需要至少一个IOS与Andriod,那么可不可以只使用H5相关的知识就能做一个APP出来呢?答案是可以的. 什么是cordova? cordova为一移动开发框架,他让我们可以仅仅专注前端代码,然后通过一个开发框架编译形成一个可安装的APP,因为前端代码的特性,所以这种APP是跨平台的,可以最大程度的提升开发效率,因为只需要前端人员,其成本…

基于ionic+angulajs的混合开发实现地铁APP 注:本博文为博主原创,转载时请注明出处. 项目源码地址:https://github.com/zhangxy1035/SubwayMap 一.项目简介 在该项目中的地铁app是基于ionic+angularjs开发的一款软件,其中使用了高德地图的开放接口(地铁JS API)网址为:http://lbs.amap.com/api/subway-api/subway-summary/.在该app中主要实现了,地铁线路图的整体展示,起点终点设置…

1.try itcordova -v cordova create testing cd testing cordova plugin add cordova-plugin-sim cordova platform add android cordova build android…

VS2015已经出了正式版,想用来试一下cordova方面的开发.最近在看ionic这个框架,于是想能在VS2015里编辑js就好了. 下面说一下蛋疼的安装配置过程. 一.安装VS2015及Android SDK 首先Android的SDK最好提前下好,我是从另一个电脑上把已经下好的sdk复制到D盘Android目录下,这样安装VS2015的时候就不用选择SDK下载了,速度会快点. 安装VS2015的时候最好网络FQ一下,不然有些组件有可能会下载失败.安装的组件我没选Xamarin,这玩意太贵用…

1.下载安装JDK(根据各自系统选择32位或64位下载),安装完成之后需要做以下环境变量配置 在“系统变量”中,设置3象属性,JAVA_HOME,PATH,CLASSPATH(大小写无所谓),如果已经存在则点击“编辑”,不存在点击“新建”: 1)JAVA_HOME C:\Program Files\Java\jdk1.7.0_80 注意:JAVA_HOME指明JDK安装路径,就是用户刚刚安装JDK时选择的路径,此路径中包含lib,bin,jre等文件夹 2)Path %JAVA_HOME%\bi…

一.创建项目 创建项目 ionic start myApp 运行项目 (1)通过浏览器运行项目 进入项目,后运行ionic serve cd myApp ionic serve 浏览器运行效果 二.多平台配置 android和ios平台支持 $ ionic platform add ios $ ionic platform add android 如果是ios请再安装个 $ npm install -g ios-sim 运行程序 $ ionic emulate ios $ ionic emula…