ionic环境搭建
2015-11-06 00:15
239 查看
ionic环境搭建
欢迎大家到我的博客关注我学习Ionic 1和Ionic 2的历程,共同学习,共同进步。安装Ionic CLI和cordova
安装CLI最简单的方法是通过npm安装(别问我npm怎么安装):$ npm install -g cordova ionic
注:-g参数表示全局安装,为保证不会出错,Windows用户使用管理员权限打开命令提示符;OS X/Linux在命令前加上sudo,下同,不同版本Linux终端获取管理员权限可能不同,请自行查阅。
测试安装是否成功
$ ionic -v
cordova -v
如果安装成功,上述命令均会出现对应的版本号。
可能出现的问题
国内由于墙的原因,通过npm安装不成功很正常,请自备梯子,或按下面的方式使用淘宝镜像(cnpm):安装淘宝npm镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用npm安装的JS库或是其他文件都可以使用cnpm代替了,如安装ionic和cordova:
$ cnpm install -g cordova ionic
使用Ionic CLI创建工程
ionic拥有十分强大的命令行接口,最简单的创建工程的方式:$ ionic start myapp [template]
[template]表示初始模板,初始模板可以从ionic预定义的模板中来,也可以通过Github仓库、Codepen、甚至本地目录中来。初始模板会变成cordova工程目录下的www文件夹(ionic封装了cordova的一些操作,创建工程的操作其实是通过cordova完成的):
ionic预定义模板
tabssidemenu
blank
Github仓库
任何Github仓库的地址,如:https://github.com/driftyco/ionic-starter-tabsionic预定义模板只是其对应Github仓库地址的别名
Codepen地址
任何Codepen地址,如http://codepen.io/ionic/pen/odqCz本地文件夹
本地文件夹的相对路径或绝对路径创建工程命令行参数
--appname, -a ....... app名称(使用引号包围) --id, -i ............ 包名,如com.mycompany.myapp --no-cordova, -w .... 不要以cordova的方式创建工程
个人推荐
推荐一款个人使用了半年的理财产品:创建了6年的挖财,新人收益36%,7天18%,1年10%,注册送308元券相关文章推荐
- Windows下使用Apache Cordova开发ANDROID之HelloWorld
- 泡WeX5论坛,就能把钱给挣了! WeX5论坛 金币制启动 -- 让大家帮助大家,让知识变成收益
- PhoneGap/Cordova插件开发入门(IOS版)(一)
- 问题:onDeviceReady的函数没有触发!!
- phonegap环境搭建
- Cordova与Android之一 Activity跳转
- 手机跨平台开发笔记之Phonegap(cordova)开发(一)
- phonegap2.9 ios提交app 报"ERROR ITMS-90086"错误,如何支持64位ios
- PhoneGap(Cordova)通过插件读取android配置信息
- cordova新建项目
- phonegap LocalNotification 安卓开发
- [PhoneGap] [Cordova] 生成Jar文件
- cordova完全退出应用程序
- cordova配置文件config.xm
- phonegap 教程之环境搭建
- phonegap(cordova) 3.5教程-开发环境搭建
- phonegap 添加admob广告教程
- Cordova/phoneGap的Android平台添加Admob
- Android平台给cordova添加Admob广告