素材巴巴 > 程序开发 >

Hybrid App 开发之ionic3 angular4 框架搭建

程序开发 2023-09-04 09:15:10
  1. 下载并安装nodejs ,下载地址:https://nodejs.org/en/download/
  2. 更换淘宝镜像,在DOS界面执行:npm install -g cnpm --registry=https://registry.npm.taobao.org
  3. 安装ionic,在DOS界面执行:npm install -g ionic
  4. 安装Apache cordova ,在DOS界面执行:npm install cordova -g
  5. 修改镜像,在DOS界面执行:npm config set registry https://registry.npm.taobao.org
  6. 下载并安装Git,配置环境变量,例如:C:Program FilesGitcmd(不过一般会自动配好)
  7. 下载并安装python 2.7,配置环境变量(例如:C:Python27python.exe)
  8. 创建项目:  

         ionic start myproject tabs //创建一个带tabs栏和bottom栏的myproject工程

         ionic start myproject sidemenu //创建一个左侧带有menu栏的myproject工程

         ionic start myproject blank //创建一个空白myproject工程

    (注: 如果创建项目时,出现如下情况:)

一般是ionic版本问题,可执行npm install -g ionic@3.9.2,修改ionic版本,然后再创建项目)

     9.为了解决开始加载APP,首次加载缓慢,和根模块臃肿问题,引入ionic3 懒加载机制:

10.目前为止,前台基本配置完毕。接下来就是链接后台了:

     运用@rebirth/rebirth-http 来做前后台数据交互,先添加相关组件,运行指令:npm install rebirth-http --save ;具体使用:

        @Path(key: string)

       @Query(key: string)

       @Header(key: string)

       @Body

 

 

 


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。