Cordova整理

作者: jemmy_xl | 来源:发表于2018-05-20 12:01 被阅读42次

    1.作用

    Cordova前身是phonegap,而PhoneGap是Nitobi软件公司2008年推出的一个框架,旨在弥补web和iOS之间的不足,使得web和iPhone SDK之间的交互更容易。

    2. Cordova安装

    2.1 安装Node.js

    要安装Cordova,需要先安装Node.js在Node.js官网,上下载并安装,或者使用终端安装node.js安装

    2.2 安装git

    git一般不用安装,osx和linux都自带git,可以在命令行输入git --version检查一下

    2.3 使用node.js的 npm 来安装cordova

    sudo npm install -g cordova
    

    好了上面就配置完成了,下面我们来创建工程

    3创建cordova工程

    3.1新建项目

    sudo cordova create hello3 com.example.hello3 helloworld3
    
    Parameter(参数) Description(描述) Notes(目录)
    hello3(参数是必填) 将为你的项目生成一个Demo目录 www子目录是应用程序的主页,以及各种资源(css,js,img),遵循共同的web开发文件命名规范。这些资源将存储在设备上的本地文件系统,而不是远程服务。config.xml文件包含重要的需要生成和分发应用程序的元数据。
    com.example.hello3 (参数可选) App ID 如果不填写这个参数,第三个参数就要省略,默认值是 io.cordova.hellocordova,但建议你填写一个适当的值。
    helloworld3(参数可选) 应用程序的项目名 这个参数的默认值是 HelloCordova, 但建议你填写一个适当的值。

    3.2添加iOS平台

    进入项目的根目录中去 hello3 里面

    cordova platform add ios 
    查看是否创建成功. 
    cordova platforms ls  (报错的话,试试 sudo cordova platforms ls)
    
    cordova build 
    

    这样就创建完成了。
    打开程序如果提示无权限的话,执行下面命令

    sudo chmod -R 777 hello3
    

    Node npm升级

    一、Node 升级

    1. 利用Node.js的多版本管理器n

    sudo npm cache clean -f //清除nodejs的cache:

    sudo npm install -g n //使用npm安装n模块

    npm view node versions // node所有版本

    sudo n latest // 升级到最新版本

    sudo n stable // 升级到稳定版本

    sudo n xx.xx // 升级到具体版本号


    2.利用brew升级

    brew update

    (1).更新homebrew,如果出现The /usr/local directory is not writable.则需要更改权限 ,然后输入:sudo chown -R $(whoami) /usr/local

    (2).升级完以后,会弹出这个

    Homebrew no longer needs to have ownership of /usr/local. If you wish you can

    return /usr/local to its default ownership with

    sudo chown root:wheel /usr/local

    (3). 按提示输入下边的命令,更改会原来的权限

    sudo chown root:wheel /usr/local


    接下来更新node

    brew upgrade node


    一、npm 升级

    sudo npm install npm@latest -g //升级到最新版

    sudo npm install npm@xx -g //升级到指定版本

    npm version // 查看版本详情

    npm view npm version // npm最新版本

    npm view npm versions // npm所有版本

    npm list // 插件清单

    nodejs在Mac下的卸载

    卸载:

    在 node 官网上下载的安装包,用安装包安装的node.应该可以用一下命令行卸载:

    在终端输入以下命令:

    sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man//node.}

    删除/usr/local/lib中的所有node和node_modules

    删除/usr/local/lib中的所有node和node_modules的文件夹

    如果是从brew安装的, 运行brew uninstall node

    检查~/中所有的local, lib或者include文件夹, 删除里面所有node和node_modules

    在/usr/local/bin中, 删除所有node的可执行文件

    最后运行以下代码:(可能具体安装路径会有区别 ,find ~ -name "node" 可以找到所有

    sudo rm -rf /usr/local/bin/npm

    sudo rm -rf /usr/local/bin/node

    sudo rm -rf /usr/local/bin/_node/

    sudo rm -rf /usr/local/lib/node_modules/

    sudo rm /usr/local/lib/dtrace/node.d

    sudo rm -rf /usr/local/include/node/

    sudo rm -rf /usr/local/share/man/man1/node.1

    sudo rm /opt/local/bin/node

    sudo rm /opt/local/include/node

    sudo rm -rf /opt/local/lib/node_modules

    sudo rm -rf ~/.npm

    sudo rm -rf ~/.node-gyp

    wget http://nodejs.org/dist/v8.1.1/node-v8.1.1-linux-x64.tar.gz

    node-v8.11.2.tar.gz

    sudo tar -C /usr/local --strip-components 1 -xzf node-v8.11.2-darwin-x64.tar.gz

    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

    wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

    export NVM_DIR="$HOME/.nvm"

    [ -s "NVM_DIR/[nvm.sh](nvm.sh)" ] && \. "NVM_DIR/nvm.sh" # This loads nvm

    export PATH="/usr/local/bin:$PATH"

    https://cdn.jsdelivr.net/npm/package@version/file

    CDN安装:在项目的index.html中,输入< script src = “https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js” ></ script >

    cordova requirements ios 来检查你当前cordova所支持的环境。


    image.png

    sudo npm install -g cordova

    :Desktop cd cordovaDemo cordovaDemo x sudo npm install
    :cordovaDemo sudo npm install -g cordova :cordovaDemo cordova create firstCordova
    :firstCordova $ cordova requirements ios 查询环境

    cordova 添加 pod问题。


    image.png

    将/platforms/ios/Pods/Target\ Support\ Files/Pods-firstCor/Pods-firstCor.debug.xcconfig 的内容拷贝到 /platforms/ios/cordova/build.xcconfig 里面去
    如果还报错找不到第三方,添加下面


    image.png

    相关文章

      网友评论

        本文标题:Cordova整理

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