WebApp Ionic +webStorm开发 环境搭建
2017-06-25 02:04
344 查看
在网上看了一大推,没一个能完整的写出来的。结合了他们的 整合了一下
“`
系统:win7
环境:Java 8 我这个是11.03版本 Android SDK 下载,配置环境变量。Grdle下载,然后环境配置(不然运行不了。)
准备:webStorm,下载地址
下载并且安装Node.js(https://nodejs.org/en/)
打开终端,安装cordova
npm install -g cordova
安装ionic
npm install -g ionic
4.命令创建项目
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 // 浏览器调试
5, WebStorm新建项目:File -> New Project -> 选中PhoneGap/Cordova App
这里写代码片
参考
截图:
“`
系统:win7
环境:Java 8 我这个是11.03版本 Android SDK 下载,配置环境变量。Grdle下载,然后环境配置(不然运行不了。)
准备:webStorm,下载地址
下载并且安装Node.js(https://nodejs.org/en/)
打开终端,安装cordova
npm install -g cordova
安装ionic
npm install -g ionic
4.命令创建项目
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 // 浏览器调试
5, WebStorm新建项目:File -> New Project -> 选中PhoneGap/Cordova App
这里写代码片
参考
截图:
相关文章推荐
- WebApp开发环境搭建
- 搭建 AngularJS+Ionic+Cordova开发APP----- win10环境运行一个Ionic_demo
- 混合式app ionic2.x 手动搭建开发环境教程分享(nodejs,jdk,ant,androidsdk) 推荐
- Cordova+ionic 开发hybird App --- 开发环境搭建
- ionic —— 开发环境搭建并编译运行第一个APP
- Cordova webapp+android studio开发环境的搭建
- MAC中ionic开发手机App环境搭建
- Cordova webapp实战开发:(4)Android环境搭建
- 一步一步构建手机WebApp开发——环境搭建
- 混合开发(Hybrid App)之 Ionic【一】-- 认识Ionic,搭建开发环境,创建项目
- 搭建Amazeui+react+webpack+webstorm开发环境
- 一步一步构建手机WebApp开发——环境搭建
- 搭建Cordova + Ionic + WebStorm环境开发Web App应用
- Ionic开发App系列(1)--环境搭建
- Cordova3.x 搭建web移动app开发环境小结
- React+Webpack+Webstorm开发环境搭建
- 使用ionic+cordova WebApp项目环境搭建与项目创建
- 混合式app ionic2.x 手动搭建开发环境教程分享(nodejs,jdk,ant,androidsdk)
- 搭建Cordova + Ionic + WebStorm环境开发Web App应用
- JavaEE开发基于Eclipse的环境搭建以及Maven Web App的创建