美文网首页
[配置Cordova环境] [Alfred使用手册]

[配置Cordova环境] [Alfred使用手册]

作者: PetitBread | 来源:发表于2016-12-20 11:47 被阅读170次

    Mac神器 Alfred使用手册http://www.tuicool.com/articles/YJJv2i


    配置Cordova环境

    1.到nodejs官网下载最新版本,安装pkg文件

    2.终端运行 这俩句

    (通过淘宝NPM镜像安装ionic和cordova包,不加这句可能会被墙)

    sudo npm set registryhttps://registry.npm.taobao.org
    sudo npm install -g cordova ionic
    

    3.检测是否安装完成

    ionic info
    

    接着输入上面提示的内容就OK了

    sudo npm install -g cordova
    
    sudo npm install -g ios-sim
    
    sudo npm install -g ios-deploy
    

    环境不同可能不一样,以它的提示为准


    cordova使用
    $cd ~/Documents
    
    $cordova create hello com.example.hello HelloWorld
    

    加-d可以显示工程的创建的详细情况。

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

    第二个参数(可选)com.example.hello为应用程序的id名,与Xcode中类似,可以在config.xml中修改,如果不指定的话默认为io.cordova.hellocordova;

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


    进入工程目录:
    $ cd hello
    

    添加iOS平台文件:

    $cordova platform add ios
    

    创建成功后可以打开hello目录查看以下结构:

    |--conig.xml         //cordova的配置文件
    
    |--hooks/             //存放自定义cordova命令的脚本文件。
    
    ||--README.md
    
    |--platforms/      //各个平台原生工程代码,会在build时被覆盖勿修改
    
    |--plugins/        //插件目录(主要是提供各个平台的原生API)
    
    |--www/          //用H5编写的源代码目录,build时会被放入各个平台的assets\www目录。
    
    ||--CSS/
    
    ||--img/
    
    ||--index.html       //App入口html文件
    
    ||--js/
    

    相关文章

      网友评论

          本文标题: [配置Cordova环境] [Alfred使用手册]

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