博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【No.1 Ionic】基础环境配置
阅读量:5903 次
发布时间:2019-06-19

本文共 1988 字,大约阅读时间需要 6 分钟。

  hot3.png

Node 安装

git clone https://github.com/nodejs/nodecd node./configuremakesudo make installnode -vnpm -v

 npm设置淘宝镜像

npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist

IOS Simulator

sudo npm install -g ios-simsudo npm install -g ios-deploy##如果失败用下面的命令sudo npm install -g ios-deploy --unsafe-perm=true

Ionic 基本环境

npm install -g cordova ionic

Quick Start

ionic start myApp tabs  #初始化一个有tab的项目cd myApp  ionic platform add ios  # 添加ios 平台ionic build ios  # build iosionic emulate ios  # 使用模拟器运行iosionic emulate ios --target iPhone-5s # 指定模拟器型号运行ionic run ios # 使用真机运行IOS

目录结构

  • hooks       //google之后这个目录应该是在编译cordova时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中

  • plugins    //cordova插件的目录,插件的安装下一节详述

  • scss        //scss文件,发布时编译这个目录下的文件输出到www的css目录中

  • www       //我们的开发目录,页面、样式、脚本和图片都放在这个目录下

  • --css

  • --img

  • --js

  • --lib

  • --index.html

  • bower.json      //bower配置文件

  • config.xml      //Ionic的配置文件 ⱃ可以配置app的id,名称、描述起始页和一起其他配置

  • gulpfile.js     //gulp构建工具的执行文件,在这个文件中创建任务实现编译scss,css、js优化等

  • ionic.project   //Ionic的项目文件可以配置Ionic命令中livereload的监控文件

  • package.json    //npm配置文件

高级命令

查看目前项目支持的平台 和 ionic支持的平台

ionic platform list

添加项目支持平台

ionic platform add ios/android

build项目

ionic build ios/androidionic build android -release  #发布正式版等待签名

模拟器运行项目

ionic  emulate  ios/androidionic  emulate  ios/android --target iPhone-5s

真机运行

ionic run ios --deviceionic run android

查看项目目前的镜像

./platforms/ios/cordova/lib/list-emulator-image #ios./platforms/android/cordova/lib/list-emulator-image #android

问题

问题一

今天我把xcode 升级到了8,然后使用ionic 真机调试 出错啦,错误如下

(lldb)     runTraceback (most recent call last):  File "/tmp/63F258A0-629C-48E0-894B-CF5B2803E750/fruitstrap_819e1be07f922f85816eb033fd16e5d9a81a10da.py", line 36, in run_command    lldb.target.Launch(lldb.SBLaunchInfo(shlex.split(args[1] and args[1] or '')), error)IndexError: list index out of range(lldb)     safequitApplication has not been launched

升级ios-deply 到1.8.7以上,当时是1.8.6

参考资料

  • ionic框架官网: 

  •  ionic lab 可视化开发工具:  

  • ios-deploy: 

原文地址:
标签:                           

智能推荐

转载于:https://my.oschina.net/54php/blog/757190

你可能感兴趣的文章
Project Facet
查看>>
系统和网络调优
查看>>
linux常见命令
查看>>
NIST:制定Cybersecurity的框架进行时
查看>>
内存问题的检查
查看>>
shell统计当前目录所有指定后缀文件名的行数
查看>>
C++的类型转换符:static_cast、dynamic_cast、reinterpret_cast和const_cast
查看>>
linux管理软件命令
查看>>
备份操作系统活动目录的四种基本技巧
查看>>
logrotate 使用详解
查看>>
go语言运行错误CreateProcess failed with error 216
查看>>
MySQL复制---链式复制
查看>>
字符串最长回文子串
查看>>
Proxmox VE 安装、配置、使用之第七章 简单HA
查看>>
java.lang.ClassNotFoundException: org.springframework.web.util.IntrospectorCleanupListener
查看>>
Java实现最简单的在线打开保存Excel文件
查看>>
使用命令提示符(cmd)查找电脑中隐藏的“黑手
查看>>
我笔下的“名著”
查看>>
20181216文件查找
查看>>
rsync+inotify实现数据实时同步
查看>>