- 说明
- 1.下载node.js
- 2.全局安装cordova
- 3.创建项目
- 4.添加平台
- 5.构建iOS项目
- 6.简单的插件开发
- 7.插件打包以及映射js代码给前端开发人员使用
- 8.将插件包加入cordova项目并使用插件
说明
本文针对mac系统下的流程，创建项目和自定义插件流程也以iOS为例。所有命令行皆为在终端中操作。
1.下载node.js
下载网址node.js 进去后，页面中间部分有两大块绿色部分就是下载链接。左侧的是稳定版，右侧的是最新版。任选其一下载并安装即可。
查看node是否安装成功，如果输出版本号说明安装成功。如果报错在前面添加sudo（下面的指令相同）。
node -v
2.全局安装cordova
sudo npm install -g cordova
回车后等进度条走完就行了，然后可以查看版本，如果输出版本号说明安装成功。
cordova -v
3.创建项目
①cd到你想创建项目的路径下，比如
cd ~/desktop
②创建cordova项目
sudo cordova create hello com.example.hello HelloWorld
hello是工程文件夹名称，com.example.hello是bundleID，HelloWorld是app名称。这个命令会为你的cordova App创建必要的目录结构。最后就是在桌面创建了一个带目录结构的hello文件夹，效果如下。
js代码项目等等就放在www文件夹下，可以用相关编程软件打开www文件夹然后编码。
4.添加平台
①进入项目根目录 通用做法是把你的项目文件夹直接拖到终端就好
cd /Users/XXX/Desktop/hello
②为项目添加平台
sudo cordova platform add ios --save
③查看已经添加了哪些平台（可选）
sudo cordova platform ls
④查看相关依赖是否正常（只需要进行一次就好，确认正常以后不需要再执行）
sudo cordova requirements
如果Xcode没安装就安装，如果是安装了多个或者路径不对这里会有提示。执行以下指令添加Xcode路径（应用程序/xcode右键打开包内容/Contents/直接把Developer文件夹拖到下面路径位置）。
xcode-select -switch Xcode路径
如果ios-deploy提示未安装，执行以下指令。
sudo npm install -g ios-deploy
5.构建iOS项目
下面的指令会构建所有你添加的平台项目
sudo cordova build
如果只想构建iOS平台项目
sudo cordova build ios
到这一步Xcode的项目就构建完成了，可以在项目根目录/platforms/ios/中看到Xcode的iOS项目。
tips：构建出来的Xcode项目默认是无法进行修改的。如果想对项目进行修改或者在里面进行自定义插件开发可以这么做。
①右键iOS文件夹/显示简介,解锁右下角的权限锁（会提示输入管理员密码），然后把所有权限改成读写。
②点击左下角齿轮按钮，并选择应用到包含的项目。
但是对Xcode项目的修改会大部分会在下次构建项目的时候被覆盖掉，这点请注意。
由于内容过多，对内容进行了分节，后续内容请跳转Cordova 从安装到创建项目到创建简单自定义插件到添加使用插件总结(二)