Ionic3,安装,创建项目

Posted mysouler

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ionic3,安装,创建项目相关的知识,希望对你有一定的参考价值。

Ionic3

简介:是一款html5的轻量级手机开发框架,基于angularjs、scss语法,ionic是一个轻量的手机UI库。并直接放弃了ios 6和android 4.1一下的版本支持。

安装:

  第一步:安装node.js,https://nodejs.org/en/download/

    node.js:是一个javascript的运行环境,实质是对Chrome V8引擎进行了封装,提供了相关的API,使得在非浏览器的环境下,V8依然还能够正常运行。

  第二步:安装cordova,cordova提供了一组设备相关的api,通过这组api,移动设备可以通过javascript访问原生的设备功能,另外,cordova还提供了一组统一的javascript类库,以及为这些类库所用的相关原生后台代码。

   命令行:npm install -g cordova ionic(全局安装cordova)

 

创建项目

  ①检查本地的相关运行环境。

  技术分享图片

  ②创建项目,使用命令行进入到对应的文件夹下,创建项目。

  技术分享图片

  ③创建项目

  技术分享图片

  ④将APP与cordova进行整合

  技术分享图片

  这里可以继续进行安装SDK,也可以no。

  ⑤运行APP

  技术分享图片

  ⑥效果

  技术分享图片

 

 

 

 

End~

 

以上是关于Ionic3,安装,创建项目的主要内容,如果未能解决你的问题,请参考以下文章

Angular4+Ionic3-企业微信应用开发

Ionic 3 CLI 无法启动代理后面的项目

ionic3.x脚手架(基于个人项目自用)

ionic 3 - 错误在 Android Studio 中也找不到安装的 Gradle 版本

在 ionic 5 发布后创建 ionic 4 项目

ionic + cordova 插件创建 最详细教程