ionic3环境搭建

来源:互联网 发布:nginx 修改默认路径 编辑:程序博客网 时间:2024/06/10 20:12

一.ionic介绍

ionic是一款基于angular,cordova的强大的HTML5移动应用开发框架,可以快速创建一个跨平台的移动应用.可以快速开发移动App,移动端web页面,微信公众平台应用,混合app web页面.

二.ionic和cordova(phoneap)和angular关系

ionic= cordova_angular+ionic CSS

ionic是完全基于谷歌的angular框架,在 Angular 基础上面做了一些封装,让我们可以更快速和容易的开发移动的项目。Ionic 调用原生的功能是基于 Cordova,Cordova 提供了使用JavaScript 调用 Native 功能,ionic 自己也封装了一套漂亮的 CSS UI 库。

三.ionic的安装和运行

1.需要安装nodejs(可以在命令行了输入 node -v来查看自己有没有安装node)

2.安装: npm install -g cordova ionic

3.创建项目: ionic start 项目名项目类型(tabs 是底部带有三个tab,blank是空白项目,sidemenu是带有侧边栏的)

e.g.: ionic start myApp tabs 创建一个叫做myApp带有三个底部tab的项目

4.cd到刚刚创建的项目 cd myApp

5.运行项目: ionic serve


四:如果安装失败

有可能是因为npm,可安装cnpm(淘宝镜像)

npm install -g cnpm --registry=https://registry.npm.taobao.org

   以后所有的 npm 可用 cnpm 代替



原创粉丝点击