/tags/windows10/Recent content in Windows10 on My BlogHugoen-usMon, 10 Feb 2020 00:00:00 +0000/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/Mon, 10 Feb 2020 00:00:00 +0000/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/<!-- toc --> <p>[TOC]</p> <p>之前写了<strong>Vue项目打包成Android和iOS安装包</strong>，不过那是基于Linux的环境。最近疫情紧张，都在家里远程办公，,于是整理了Windows10下Cordova环境搭建以及打包Android安装包。</p> <h3 id="cordova环境依赖">Cordova环境依赖:</h3> <ul> <li>win10系统</li> <li>Node环境</li> <li>Java环境</li> <li>AndroidStudio</li> <li>Ant</li> <li>Gradle</li> </ul> <h4 id="安装node环境">安装node环境:</h4> <p>1.使用node官网网址下载node包，最好使用稳定版本。https://nodejs.org/</p> <p><img alt="js_download_page" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/js_download_page.png"></p> <p>2.一路安装next，然后在CMD中使用命令查看node版本</p> <pre tabindex="0"><code>node -v npm -v </code></pre><p><img alt="js_npm_version" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/js_npm_version.png"></p> <h4 id="java环境配置">Java环境配置：</h4> <p>jdk8下载地址：<a href="https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html">https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html</a></p> <p>Windows 10 就下载 <strong>jdk-8u241-windows-x64.exe</strong>这个文件。</p> <p>记住安装地址，我是安装在D盘下</p> <p><img alt="jdk_install_path" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/jdk_install_path.png"></p> <p><strong>第一步</strong>：在桌面上依次 右键单击计算机—属性—高级系统设置—环境变量。</p> <p><strong>第二步</strong>：新建一个名为JAVA_HOME的系统变量，第二栏的值即为你自己jdk的安装路径，这里的是我的，自己的依照自己的情况来。</p> <p><img alt="java_home" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/java_home.png"></p> <p><strong>第三步</strong>：新建一个名为CLASSPATH的系统变量，在第二栏一字不差地输入 %JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar。看下一个图。</p> <p>第四步：找到一个叫PATH的系统变量，双击其编辑，在最后加上下图中圈出的语句，然后确定。</p> <p><img alt="java_path" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/java_path.png"></p> <p><strong>第五步</strong>：使用CMD检查，使用javac命令，配置成功则出现以下</p> <p><img alt="javav" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/javav.png"></p> <h4 id="安装安卓sdk">安装安卓SDK:</h4> <p>第一步：推荐安装AndroidStudio，会自动配置SDK以及SDK-tools等相关的，可以在编辑器里选择要下载使用的SDK版本，安装好后，仿照配置Java环境的方式配置ANDROID_HOME。</p> <p>安装AS：</p> <p><img alt="android-studio-install" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/android-studio-install.png"></p> <p>安装SDK：</p> <p><img alt="sdk-install" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/sdk-install.png"></p> <p>SDK Tools：</p> <p><img alt="sdk-tools" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/sdk-tools.png"></p> <p>如果你无法访问Google，那么恭喜你，估计你很难完整的下载到SDK。下面告诉你如何解决：</p> <p>修改DNS，进入网站<a href="http://ping.chinaz.com/">http://ping.chinaz.com/</a>，进行 <code>dl.google.com</code> ping检查，选择大陆响应时间最短的IP地址，用这个IP添加到host里面，hosts文件地址：<code>C:\WINDOWS\System32\drivers\etc\hosts</code></p> <p><img alt="ping-dl-google-com" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/ping-dl-google-com.png"></p> <p><img alt="host-dl-google-com" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/host-dl-google-com.png"></p> <pre tabindex="0"><code>203.208.41.41 dl.google.com </code></pre><p>第二步：配置其他安卓环境变量，也是在Path中进行配置</p> <pre tabindex="0"><code>ANDROID_HOME C:\Users\alex\AppData\Local\Android\Sdk %ANDROID_HOME%\build-tools\29.0.3 %ANDROID_HOME%\platform-tools %ANDROID_HOME%\tools </code></pre><p><img alt="android-home" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/android-home.png"></p> <p><strong>注意</strong>：在配置<code>build-tools</code>的时候，版本号不要搞错了。随着你安装时间的不同，这个版本号会不一样。</p> <p><img alt="sdk-build-version" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/sdk-build-version.png"></p> <p><img alt="android-path" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/android-path.png"></p> <p>第三步：终端中输入adb，出现下图表示成功</p> <p><img alt="adb-version" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/adb-version.png"></p> <h4 id="安装ant">安装Ant</h4> <p>第一步：https://ant.apache.org/bindownload.cgi 进行安装，选择1.10.*版本的，该版本对应的JDK8。</p> <p><img alt="ant" loading="lazy" src="/2020/02/10/windows10-cordova%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%89%93%E5%8C%85android%E5%AE%89%E8%A3%85%E5%8C%85/ant.png"></p> <p>解压目录：</p>