(1)Cordova 环境搭建
2018-08-28 本文已影响62人
盖世英雄_ix4n04
1.检测是否安装了node.js
打开终端输入npm --version,若无打印版本则需先安装node.js
2.命令行安装cordova
npm install -g cordova
3.创建项目
cordova create MyFirstCordovaProject com.cordovaproj.testCordova FirstCordova
创建项目参数说明:
MyFirstCordovaProject: 项目文件夹名称
com.cordovaproj.testCordova: 项目的bundleID
FirstCordova:项目名称
4.添加平台
进入到项目所在文件目录下
sudo cordova platform add ios
添加iOS平台提示输入密码后,即可自动添加iOS平台
此时我们可以在项目目录下看到类似的结构
项目目录在xcode打开下的工程会一直提示用户读写权限的问题,
写入权限警告这需要我们在打开工程之前,设置一下权限
设置权限1 设置权限2点击 应用到包含的项目...
应用到包含的项目之后再打开项目,就不会提示相应的权限冲突
运行工程会显示出来默认工程目录结构与cordova界面
默认工程目录与运行界面5.Cordova开发体验
修改Staging->www->index.html , JS段内的代码部分
再次运行项目之后,就会看到界面上显示出来的 HI,IOSDEVELOPER
修改后的界面