ionic版本更新|如何找到ionic创建的app目录

A. 为什么用npm安装ionic时候出现这种情况

最近ionic 更新了新版本所以导致上面的方法也不能用了!!!! 因为npm-shrinkwrap.json这个文件也更新了 但是cnpm并没有做出及时更新 所以某些依赖压根找不到 菊花就一直转。教大家一个终极方法!!!driftyco/ionic-cli · GitHubionic-cli直接 zip包先下载下来然后打开会有一个bin文件记住bin的路径记住bin的路径然后把bin 添加到环境变量里面去就可以了 这里说一下 linux(mac)系统的方法 windows就更简单了 直接我的电脑右击….export PATH=/usr/local/lib/node_moles/ionic/bin:$PATH当然 命令行的话关闭terminal以后就没效果了 所以还是要先到 ~/bash_profile里面去添加环境变量 具体的操作 可以网络 。配好以后 输入ionic 就ok了为什么用npm安装ionic时候出现这种情况

B. ionic1怎么升级ionic2

先卸载 npm uninstall -g ionic再重装 npm install -g [email protected] @后面是你的版本号如果你有cnpm可以cnpm install -g [email protected]防止被墙@latest是最新版本

C. ionic是不是需要安装才可以使用

今天就让我们学习一下如何安装 Ionic 在自己的电脑上搭建一个简单的小应用。很多的网站上面都会写很复杂的安装方法,其实刚开始学习ionic的初学者,特别是没有很多编程经验的小伙伴是不是会吓跑了?感觉那么复杂需要安装什么node/docs/overview/#download。 下载后解压压缩包,包含以下目录: 复制代码 代码如下: css/ => 样式文件 fonts/ => 字体文件 js/ => javascript文件 version/driftyco/ionic(在release 目录中)。 第二步 、引入文件 接下来,我们只需要在项目中引入以上目录中的 css/ionic.min.css 和 js/ionic.bundle.min.js 文件即可创建 ionic 应用。 <ion-header-bar class="bar-positive"> <h1 class="title">Hello World!</h1> </ion-header-bar> <ion-content> <p>我的第一个 ionic 应用。</p> </ion-content> 注意:在移动应用如 phonegap 中我们只需将对应的 js 和 css 文件加入到资源库中即可。 第二种方法:命令行安装 首先您需要安装 Node.js。然后通过命令行工具安装最新版本的 cordova 和 ionic 。通过参考Android 和 iOS 官方文档来安装。 Window 和 Linux 上打开命令行工具执行以下命令: 复制代码 代码如下: $ npm install -g cordova ionic Mac 系统上使用以下命令: 复制代码 代码如下: sudo npm install -g cordova ionic 提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。 如果你已经安装了以上环境,可以执行以下命令来更新版本: 复制代码 代码如下: npm update -g cordova ionic 或 复制代码 代码如下: sudo npm update -g cordova ionic 创建应用 使用ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个ionic应用: 复制代码 代码如下: $ ionic start myApp tabs 运行我们刚才创建的ionic项目 使用 ionic tool 创建,测试,运行你的apps(或者通过Cordova直接创建)。 创建android应用: 复制代码 代码如下: $ cd myApp $ ionic platform add android $ ionic build android $ ionic emulate android 创建ios应用: 复制代码 代码如下: $ cd myApp $ ionic platform add ios $ ionic build ios $ ionic emulate ios

D. node.js安装完成之后怎么安装ionic

先最新版本ionic 下载。下载后解压压缩包,包含以下目录:css/ => 样式文件fonts/ => 字体文件js/ => Javascript文件version.json => 版本更新说明你也可以在下载以下资源文件(在release 目录中)。接下来,我们只需要在项目中引入以上目录中的 css/ionic.min.css 和 js/ionic.bundle.min.js 文件即可创建 ionic 应用。

E. ionic 可以开发网页应用么

Ionic是一个前端的框架,帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。ionic的理念类似前端开发的BootStrap,目标是封装HTML5移动跨平台开发的最佳实践,就像Twitter Bootstrap在前端开发中做的一样。Ionic框架目前发展很迅速,我们从2014年3月开始使用,当时是1.0.0beta2,现在已经更新到1.0.0beta10,大概每2个星期会出一个beta版本,并且都包含实质性更新。Ionic框架很先进,js部分是基于AngularJS框架,大量使用了Css3,css生成基于Sass,构建工具基于最新的gulp,版本升级基于bower,原生层无缝封装了cordova。The beautiful, open source front-end framework for developing hybrid mobile apps with HTML5。

F. mac cordova 安装更新问题。如图,求大神解决。

1首先需要安装好node.js(网上教程很多)这是为了使用npm来安装ant,cordova,ionic验证是否安装好node.js的方法是在命令提示符中输入“node -v”若出现版本号,证明安装成功。2下载jdk,并配置java环境(网上教程很多)验证是否安装好的方法是在命令提示符中输入“javac”若出现如下内容,证明安装成功。3安装ant,并配置相应的环境(网上搜教程)验证是否安装好ant的方法是在命令提示符中输入“ant -v”若出现版本号,证明安装成功。4现在就可以安装cordova了,根据下图一步一步来就好了,官网有,可以自己搜下;验证是否安装好cordova的方法是在命令提示符中输入“cordova -v”若出现版本号,证明安装成功。5接下来是安装成功ionic的重要一步了,就是安装express,cmd 输入:npm install express 等待一会即可6接下来就可以安装ionic了,也是按下图,或是去官网查看步骤;注意:如果按步骤执行到最后三步,发现出错,请先安装android sdk或者可以直接省略最后三步(即只用执行到 cd myApp),在命令提示符中输入“ionic serve”直接在浏览器中查看效果;7验证是否安装好ionic的方法是在命令提示符中输入“ionic -v”若出现下图,证明安装成功。END应用过程中遇到的一些问题解决办法1升级cordova命令调用语句 :windows用户npm update -g cordovamac系统的用sudo npm update -g cordova查看cordova信息npm info cordova 查看cordova 版本cordova -v查看cordova命令cordova helpEND注意事项配置环境变量时,用英文状态下“;”把要添加的路径与前面有的隔开;所有的命令都是在命令提示符中进行的,在输入命令时,别把“$”也一块输进去~如果前面都实现了,但是ionic还是安装失败,多半是网络问题;

G. 如何找到ionic创建的app目录

1. 下载nodejs,并安装。22. 查看版本号END第二步: 安装ionic和cordova1npm install -g cordova ionicEND第三步: 查看ionic、cordova版本号1ionic -vcordova -vEND第四步: 如果需要更新ionic、cordova,使用update命令1npm update -g cordova ionicEND第五步: 创建App应用1ionic start myApp tabs //创建带有top栏和bottom栏的示例项目ionic start myApp sidemenu //创建带有左侧带有menu栏的示例项目ionic start myApp blank //创建空白项目END第六步: 自定义包名创建App应用11. 通过ionic help得出ionic start 可以带参数22. 开始创建App应用ionic start -a jhonse_test(App名称) -i com.jhonse.jhonse_test(包名) jhonse_test tabs33. 查看配置文件,是否有app名称和包名.在config.xml文件中备注: 其实可以不通过命令来创建包名和app名称,直接config.xml修改即可。4第七步: 查看效果ionic serve

H. 请问用ionic可以开发纯移动web网页应用么

毫无疑问当然是可以的,ionic是基于angularjs的,但是在phonegap中有个cordova.js文件,这个文件在Web中是没有的。

I. ionic怎么在模拟器上实时更新

准备工作

Ant(打包使用),Node.js(包),HBuilder(IDE,编写代码,真机调试),Android SDK (Android编译)

加群:

2.配置环境变量:

ANDROID_HOME D:Program Filesadtsdk (对应sdk路径)

Path ;D:Program Filesapache-ant-1.9.4in (对应ant下bin路径)

3.安装ionic等,运行命令提示符(管理员) 输入

a. 将cordova和ionic包安装到全局环境中(可供命令行使用):

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

npm install -g cordova ionic

b. 进入你要创建项目的路径:

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

cd E:StudyAndroidionicProject

e:

c. 创建一个名为myApp的还有tabs的项目(ionic start <project-name> <optional-template>) 可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白):

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

ionic start myApp tabs

d. myApp就为项目名称,进入myApp这个文件夹:

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

cd myApp

e. 添加android:

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

ionic platform add android

f. 生成androidapk:

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

ionic build android

g. 在android模拟器或真机中模拟:

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

ionic emulate android

其中f和g可以合并为:

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

ionic run android

即生成apk,并在模拟器或真机中模拟。

4.更新ionic等

a.更新cordova及ionic包

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

npm update -g cordova ionic

b.更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

ionic lib update

5.展现ionic项目结果(显示在ios和android上的样式)

[plain] view plainprint?在CODE上查看代码片派生到我的代码片

ionic serve –lab

6.查看ionic版本(当前最新版本为1.2.13)


赞 (0)