Cordova整理
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