天天看点

Cordova 环境搭建和自定义插件

1.环境搭建

    1.下载并安装Node.js。安装完成后可以使用node和npm在命令行(node -v查看版本)

    2.安装cordova模块  sudonpminstall−gcordova(cordova−v查看版本,在root目录下一定加sudo)3.跟新cordova版本sudonpmupdate−gcordova2.创建应用1. cordova create hello com.example.hello HelloWorld

      注:第一个参数hello为工程的文件夹名;

     第二个参数(可选)com.example.hello为应用程序的id名,与Xcode中类似,可以在config.xml中修改,和info里面改

     第三个参数(可选)HelloWorld为App显示的名称,也可在config.xml中修改 ,和pilst中修改。

3.添加平台

    1.进入创建的应用文件夹下 $ cd hello  

2. 添加平台sudo cordova platform add ios

3. cordova build

4.添加插件    sudo cordova plugin add cordova-plugin-device  之后会生成一个 plugin的文件夹在www里面

5.查看已添加 cordova plugin ls

6.删除插件 sudo cordova plugin rm org.apache.cordova.console(org.apache.cordova.console插件名)

7.改变文件夹权限sudo chown -R Damon:staff helloworld(helloworld文件名)

4.自定义插件(*)

    1.和创建的hello同一目录下创建一个文件夹例如textPlugin,在里面新建两文件夹src和www,同级目录下建立plugin.xml文件。scr文件夹里面放置插件的代码(创建的类,textPlugin.h,textPlugin.m),www里面放置的是插件的js文件(js文件的名称和plugin.xml文件里面的内容要对应)。

    2.在终端执行   cordova plugin add /Users/bianyanran/Desktop/cordova/textPlugin

(本地的插件类地址添加到cordova)

    3.最后进行相关的config.xml配置和index.html的配置

5.adr和iOS

1. var file=cordova.file.documentsDirectory (ios) 还需要截取从第五位 开始截取,

安卓 var  file=cordova.file.externalRootDirectory