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)