cordova 学习1——安装并创建第一个应用

前言：

电脑操作系统：window10
node版本：8.10.0
npm版本：5.7.1

步骤：

1.在管理员模式下进行全局安装：

cnpm install -g cordova

安装完成后：cordova -v 查看版本 这样安装会是当前最新版本8.x

2.新建APP

cordova create hello com.example.hello HelloWorld

若报错：

Error: Unhandled "error" event. ( Error from Cordova Fetch: Error: cmd: Command failed with exit code 1 Error output:
npm ERR! code ENOLOCAL
npm ERR! Could not install from "C:\Program Files\nodejs\node_global\node_modules\cordova\node_modules\_cordova-app-hello-world@3.12.0@cordova-app-hello-world\index.js" as it does not contain a package.json file.

解决：

a.在管理员模式下卸载：

cnpm uninstall -g cordova

重新安装6.0.0版本：

cnpm install -g cordova@6.0.0

b.找到cordova的安装目录  我这里是：

"C:\Program Files\nodejs\node_modules\cordova"

删除cordova文件夹里面的node_modules文件夹，通过命令行进入该路径，然后以管理员权限：npm install 即可
再次新建，成功后会在你的目录里生成hello文件夹

3.进入项目

cd hello

4.添加平台

cordova platform add ios
cordova platform add android

查看当前支持的平台：

cordova platform ls

注意：使用CLI命令行构建应用程序时，不应该在/platform /目录中编辑任何文件。在准备构建应用程序或重新安装插件时，该目录中的文件通常会被覆盖。

安装平台运行的必要条件

要构建和运行应用程序，您需要为您希望针对的每个平台安装SDKs。或者，如果您正在使用浏览器进行开发，您可以使用不需要任何平台sdk的浏览器平台。

检查安装了哪些平台必备条件：

cordova requirements

检查发现所需的必备条件都没有，以下进行依次安装

a.安装Java JDK

根据自己的操作系统下载想对应的安装包，下载地址:jdk下载

双击安装包进行安装，若双击没有反应，检查window.install服务是否被禁止：

window+R 输入："msconfig",点击服务，找到window.install，取消勾选并确定，会要求重启电脑，重启电脑后再次双击java安装包，一路点击下一步，默认会装在

"C:\Program Files\Java\jdk1.8.0_171"

进行环境变量配置：

            右键我的电脑——>属性——>高级系统设置——>环境变量
            在系统变量里新建：
            变量名：JAVA_HOME  值：

"C:\Program Files\Java\jdk1.8.0_171"

            在系统变量里找到path，点击编辑，然后点击新建，输入:
            %JAVA_HOME%\bin   点击确认
            在命令行里输入：java -version 检查是否配置成功

b.安装gradle

        根据文档进行安装：gradle安装文档
        这里以手动安装为例：首先下载：gradle下载
        在路径："C:\Program Files"下新建"Gradle"文件夹，将下载下来的安装包进行解压，将解压后的文件夹里面的gradle-4.8.1文件整个复制到刚刚新建的文件夹“Gradle”里面
        进行环境变量配置：
            右键我的电脑——>属性——>高级系统设置——>环境变量
            在系统变量里找到path,点击编辑，然后点击新建，输入：

C:\Program Files\Gradle\gradle-4.8.1\bin

            点击确认
            在命令行里输入： gradle -v 检查是否安装配置成功

c.安装 Android Studio

        下载地址：https://developer.android.google.cn/studio/
        下载对应安装包  根据文档进行安装并进行环境变量的配置    
        配置完成后，通过：android -h 查看是否安装成功

5.构建项目

a.为所有的平台构建

cordova build

b.为单个平台构建项目：如android

cordova build android

6.模仿调试运行

cordova emulate android

7.真机调试运行

cordova run android --browserify

真机的时候将机器与电脑通过数据线连接，需要允许。