我爱编程

Cordova整理

2018-05-20  本文已影响42人  jemmy_xl

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
上一篇下一篇

猜你喜欢

热点阅读