搭建Cordova + Ionic + WebStorm环境开发Web App应用
来源:互联网 发布:淘宝直通车标志图片 编辑:程序博客网 时间:2024/06/05 00:40
1. 下载并且安装node.js(https://nodejs.org/en/)
2. 打开终端,安装cordova (如果安装失败或者卡住不动则重新安装)
sudo npm install -g cordova
如果一直安装不上有可能是镜像问题,改用国内镜像,在终端执行如下命令再次安装:
npm config set registry http://registry.cnpmjs.org npm info underscore
3. 安装ionic
sudo npm install -g ionic
4. 如果要调用xcode模拟器则要安装插件
sudo npm install -g ios-sim
5. 创建项目
1> cd到要创建项目的路径
2> ionic start myproject // myproject为你要创建的项目名称 (如果不成功或者卡住则重新创建)
3> cd myproject // 创建成功则进入到项目里面
4> ionic platform add ios // 添加ios平台,如果是android平台则是:ionic platform add android
5> ionic build ios // 编译ios项目,如果是android平台则是:ionic build android
6> ionic emulate ios // 模拟器启动项目,如果是android平台则是:ionic emulate android
7> ionic run ios // 真机运行
8> ionic serve // 浏览器调试
6. 如果使用命令ionic emulate ios 后模拟器跑不起来,可以直接到项目里面:platforms文件夹下的ios文件夹里直接运行项目到xcode上
7. 下载安装WebStorm,打开WebStorm会提示要安装java环境JDK 根据提示下载安装好
8. WebStorm新建项目:File -> New Project -> 选中PhoneGap/Cordova App
9. 运行项目:Edit Configurations里可配置项目保存路径,运行在哪个平台等
- 搭建Cordova + Ionic + WebStorm环境开发Web App应用
- Ionic+Cordova开发环境搭建
- ionic angularJS phoneGap(cordova) 搭建app应用
- WebApp Ionic +webStorm开发 环境搭建
- Ionic、Angularjs、Cordova搭建Android开发环境
- 搭建Ionic AngularJS Cordova开发环境
- 搭建 AngularJS+Ionic+Cordova 开发环境
- webstorm开发Cordova App
- cordova+Ionic环境搭建
- ionic +cordova环境搭建
- 在Mac平台下搭建WebStorm+PhoneGap/Cordova开发App应用
- 使用cordova+Ionic+AngularJs进行Hybird App开发的环境搭建手册
- 搭建 AngularJS+Ionic+Cordova开发APP----- win10环境运行一个Ionic_demo
- window环境下搭建ionic+cordova安卓app
- H5开发:搭建 AngularJS+Ionic+Cordova 开发环境
- Apache Cordova + Ionic 环境搭建
- Ionic+AngularJs+Cordova环境搭建
- Cordova+ionic+angular开发app
- kettle 定时任务(使用资源库)
- 格式化输出字符串
- 浅谈最大子序和中的dp优化策略
- iOS—NSURLConnection基本使用
- 第4周-项目1-求最大公约数(1)
- 搭建Cordova + Ionic + WebStorm环境开发Web App应用
- 内存管理之引用计数
- Cocos2dx 3.0 过渡篇(三十一)ValueVector和Vector不得不说的故事
- LDR 和MOV 指令区别
- java 内省以及介绍beanutils使用
- Ajax and php 1.4
- usrlocallib usrlib的区别
- 嵌入式系统文件系统比较 jffs2, yaffs, cramfs, romfs, ramdisk, ramfs/tmpfs
- HDU1166-敌兵布阵,线段数模板题~~