ionic2 的创建

    xiaoxiao2021-03-25  31

           Node.js (npm安装工具)       https://nodejs.org/en/download/          jdk (android编译依赖)      http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html        android (ADK编译)        https://dl.google.com/android/installer_r24.3.4-windows.exe 开发工具:我用的  vs code                                                                                                 https://code.visualstudio.com/
    安装顺序: 安装node.js - 安装jdk - 安装android(adk) - 命令安装ionic - 创建项目  1.安装node.js  next进行安装(注意避免中文目录) 安装后cmd执行 node -v看到版本即安装成功(无需设置path) 现在就可以安装ionic,但是我们要编译apk才能看到效果所以需要装sdk (这里注意顺序先装sdk再装ionic) 2.安装JDK(androidSDK需要)  next进行安装(注意避免中文目录) 安装后cmd执行 java -version看到版本就是安装成功了(无需设置path) 3.安装androidSDK  next进行安装(注意避免中文目录) 设置环境变量全局访问android 我的电脑 - 右键属性 - 高级系统设置 - 环境变量  新建变量名               变量值  ANDROID_HOME     D:\ionic\androidsdk(你sdk的路径) 然后在path里添加(注意前面的分号)    ;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools 执行 android -h看到命令即安装设置成功 注意:执行androidsdk目录下的 SDK Manager.exe即可打开工具包  如果遇到打不开的情况请用管理员运行!!! 配置AndroidSDK 国内无法访问google服务器 所以列表是空的需要配置镜像  选择Tools - Options 打开设置界面 填入mirrors.neusoft.edu.cn 端口80 并勾选 “Force  https://... sources to be fetched using  http://...单击Close关闭” 依次选择Packages - Reload(或者重新打开) 这里千万注意只需要勾选3个Android SDK Platform-tools、Android SDK Build-tools、API23下的SDK Platform  (编译的时候会提示你需要的api版本,目前是API23)  如果你勾选了其它的,可能要下载2、30G的东西。像我这样选只需要下载200M   附加:项目集成Crosswalk需要勾选Extras下的Android Support Repository和Google Repository否则会报错    接受 - 安装   安装完的列表  新版ionic只需装23,如果编译遇到错误就安装API 22的platform   4.安装ionic cordova 打开cmd (建议管理员运行)将npm映射到淘宝的服务器  npm install -g cnpm --registry=https://registry.npm.taobao.org  然后我们就可以用cnpm命令安装了  cnpm install -g cordova ionic(安装 cordova ionic)   安装完成后运行 ionic -v可以看到版本 5.创建/编译项目   1.创建项目 环境搭建完毕,现在开始创建项目编译APK  ionic start myApp tabs -v2(创建过程y/n询问是否打开官网n即可)   创建的项目文件夹    现在我们可以运行ionic server预览下项目

    图:23

    转载请注明原文地址: https://ju.6miu.com/read-300001.html

    最新回复(0)