(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

修改后的界面
上一篇下一篇

猜你喜欢

热点阅读