(1)Cordova 环境搭建

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


修改后的界面
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容