webApp环境搭建教程

WebApp初级教程

1. 安装Node.js

node 官网

2. 利用Node.js安装cordova 、ionic

npm install -g cordova ionic

3.查看 ionic 版本

ionic -v 3.19.0

4.查看cordova版本

npm cordova -v 5.6.0

5.创建应用

**cd /d e/zhangjinye/wed_project ** ionicDemo是项目名 ，tabs是模板

ionic start ionicDemo tabs

6.安装依赖

cd ionicDemo/ npm install

7.在浏览器运行(提前 cd 到项目路径下)

ionic serve

8.在web上运行 iOS、Android、WindowsPhone 项目

把浏览器中的地址改为： http://localhost:8100/ionic-lab

9.添加平台

ionic cordova platform add android

ionic cordova paltform add ios

10.移除平台

ionic cordova paltform remove android

ionic cordova paltform remove ios

10.查看当前项目的平台

ionic cordova platform ls

11.编译项目APK

ionic cordova build android

ionic cordova build ios

执行以后会在生成.html ,代表可以在Android或者ios平台运行（AndroidStudio和Xcode）

iOS: platform/ios/www

Android: platform/android/assets/www

12.运行项目

运行在模拟器 ionic cordova emulate android

运行在真机 ionic cordova run android

运行在浏览器 ionic serve

13.新建一个page

ionic g page [PageName]