移动混合开发，国内镜像及局域网Ionic+Cordova配置

时间：2024-03-21 09:26:38

正常有外网连接的情况配置：

下面的所有步骤是可以正常执行的，出现错误可以先看错误日志

首先要安装nodejs

1.更新npm版本到最新版
npm install -g npm

2.前端移动框架ionic,cordova安装
npm install -g cordova ionic

3.更新框架版本命令
npm update -g cordova ionic

4.ionic创建应用
ionic start XXX(项目的名称)

5.创建Android应用，iOS应用(先添加运行环境和平台）
cordova platform add android
cordova platform add iOS

6.生成项目安装文件
ionic build android（iOS）

################################################
解决国内连接下载npm包慢，可以使用淘宝镜像

1.配置淘宝镜像
npm config set registry https://registry.npm.taobao.org

2.配置后可通过下面方式来验证是否成功
npm config get registry

3.通过cnpm使用
npm install -g cnpm –registry=https://registry.npm.taobao.org

4.使用方法是
cnpm install XXX

################################################

创建项目时，安装sass失败
npm install -g node-sass –sass-binary-site=http://npm.taobao.org/mirrors/node-sass/

################################################

Java环境的配置
1.新建一个系统环境变量，变量名为JAVA_HOME，变量值为JDK的安装路径

2.双击Path变量，并将;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin追加到变量值后面（注意，在变量的最末尾添加时，要记得加上分号）：

3.查看是否配置成功，打开命令行窗口，在命令提示符下执行javac -version。

升级安卓的SDK（若没配置安卓环境）
1.新建一个系统环境变量（不是个人环境变量），变量名为ANDROID_SDK_HOME，变量值为你的SDK安装路径（如：D:\android\android-sdk）

2.然后就是在系统的Path变量后，追加;%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools，

3.然后我们可以检验一下Android SDK是否安装成功：在命令行窗口中输入”adb version“（adb若没有，先运行SDK manager下载一个安卓的api版本）

################################################
添加安卓平台添加不上，使用下列命令
Do the following:

cordova platform remove android
Then add 6.1.2 specifically

cordova platform add [email protected]
Also found the following as an temporary workaround

cordova platform add android –nofetch

=======================================

公司内外（无外网）环境配置方法：

  1. 安装Node.js最新版本

  2. 以管理员权限打开命令窗口，用命令符查看版本号npm -v

  3. 获取npm配置信息（npm config get）

  4. 不能设置代理，更改命令代码为：npm config set proxy “” 先把之前设置的代理设置为空。 设置代理仓库地址
    npm config set registry http://maven.xxx.com/repository/cnpm/
    因为不能连接外网，需要使用公司镜像才能安装
    ionic+cordova, npm install –g ionic cordova

  5. 当运行ionic start 项目 ，这时报错了，是因为还是没有外网连接，所以需要做以下的步骤：（https的问题，公司的代理地址是http协议的），先骗操作系统，修改host文件（没有权限的话，需要用管理员权限打开记事本，再用记事本打开host文件），把https://gitHub.com替换成自己公司的服务器代理仓库接着修改本地路径下的ionic的start命令：start.js文件C:\Users\180358\AppData\Roaming\npm\node_modules\ionic\dist\commands
    把https替换成http协议
    移动混合开发，国内镜像及局域网Ionic+Cordova配置

移动混合开发，国内镜像及局域网Ionic+Cordova配置

  1. 离线安装的sass
    win32-x64-46 binding.node,内部网络下载下来，直接执行第二步。
    （1）从node命令行中复制.node文件下载链接并在浏览器打开下载文件（在线）
    https://github.com/sass/node-sass/releases/download/v3.13.0/win32-x64-46_binding.node
    （2）文件下载成功后，在命令行工具输入下面指令：
    set SASS_BINARY_PATH=D:/WorkCode/win32-x64-46_binding.node //PATH=后面是的下载的.node所在的路径
    设置SASS_BINARY_PATH环境变量，目的是告诉程序直接使用本地的.node文件，无需从网上下载
    （3）配置完成，从新输入指令：
    npm i node-sass -D –verbose

接下来你就会发现node-sass安装成功。

6．安装完sass后，即可运行命令了ionic build，ionic serve