美文网首页
(1)Cordova 环境搭建

(1)Cordova 环境搭建

作者: 盖世英雄_ix4n04 | 来源:发表于2018-08-28 15:01 被阅读62次

    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

    修改后的界面

    相关文章

      网友评论

          本文标题:(1)Cordova 环境搭建

          本文链接:https://www.haomeiwen.com/subject/zgafwftx.html