访问node.js官网(

访问node.js官网(

在安装ionic 贰以前先给大家介绍一款管理mac软件的神器—Homebrew。

下载完,点击安装  【暗中认可目录】

下载完,点击安装  【暗许目录】

安装Homebrew

开辟终端窗口, 粘贴以下脚本即可

/usr/bin/ruby -e “$(curl -fsSL
https://raw.githubusercontent.com/Homebrew/install/master/install)”

brew search +应用 搜索采取
brew install +应用 安装使用
brew help 查占星关命令
更多Homebrew详情:http://brew.sh/

Node.js v8.9.3 to /usr/local/bin/node
 npm v5.5.1 to /usr/local/bin/npm 

Node.js v8.9.3 to /usr/local/bin/node
 npm v5.5.1 to /usr/local/bin/npm 

安装ionic 2

Ionic 二顺序首要通过Ionic命令行工具CLI来成立和费用,并接纳科尔多瓦来构建和安顿为原生应用程序。也正是说我们要求先安装1些工具来兑现程序开发。

要创立 Ionic 二 种类,你须求设置新型版本的 CLI 和
Cordova。在此以前你需求安装新型版本的Node.js。然后继续设置Ionic
CLI和Cordova来拓展应用程序开发:

====安装达成====

====安装达成====

1.安装node.js

brew search node
brew install node

依旧官网下载:https://nodejs.org/zh-cn/

node -v   npm – v

node -v   npm – v

2.安装ionic

npm install -g ionic

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

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

3.安装cordova

npm install -g cordova
指令前边或者须要添加sudo提权来开始展览全局安装。

即使因为网络原因安装不上消除办法
修改npm源为Taobaonpm源,能够利用上面三种方式中的任意一种

  • 通过config命令
    1.npm config set registry
    https://registry.npm.taobao.org
    贰.npm info underscore (即使上边配置不错这几个命令会有字符串response)
  • 命令行内定
    npm –registry
    https://registry.npm.taobao.org
    info underscore
  • 编辑 ~/.npmrc 到场上面内容
    registry =
    https://registry.npm.taobao.org

安装ionic

安装ionic

肆.设置运营工具:

真机:npm install -g ios-deploy
模拟器:npm install -g ios-sim

npm install -g ionic  或者 npm install -g ionic@latest

npm install -g ionic  或者 npm install -g ionic@latest

伍.开立项目

ionic start myapp // 默许创建ionic 1,加上–v二才是ionic 二
ionic start myapp –v2 //默认tabs
ionic start myApp tabs –v二 //创造带有top栏和bottom栏的演示项目
ionic start myApp sidemenu –v二 //创造带有左侧带有menu栏的言传身教项目
ionic start myApp blank –v二 //创立空白项目

三番五次伺机安装,完成

此起彼伏守候安装,完毕

陆.运作应用

进去到品种的目录下(cd myApp/)

浏览器中运作:ionic serve
模拟器中运营(私下认可):ionic run ios
真机中运行:ionic run ios –device

接下去就足以开始展览项目支出了。

翻看版本    ionic — version   或许 ionic –info

查看版本    ionic — version   或许 ionic –info

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

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

进去到支付目录,进行新建ionic项目

进去到支付目录,实行新建ionic项目

ionic start ProjectName

ionic start ProjectName

==采用形式【七种】

==选取方式【7种】

==采取是还是不是开展科尔多瓦配置, 【等待Running command】

==选用是或不是开始展览Cordova配置, 【等待Running command】

$ ionic cordova build ios
$ ionic platform add androidz
$ ionic cordova build ios
$ ionic platform add androidz

== 选用是还是不是安装 Ionic Pro SDK

== 采纳是或不是安装 Ionic Pro SDK

===完成===

===完成===

启动Ionic    ionic serve 

启动Ionic    ionic serve 

ionic serve -c【搭建网络环境 ,CLI>三.一3】

ionic serve -c【搭建网络环境 ,CLI>三.13】

 ==========补充1 ==================

 ==========补充1 ==================

ionic 版本是 package.json 中的 ionic-angular。

ionic 版本是 package.json 中的 ionic-angular。

// 升级方法:
// 修改 ionic-angular 的版本号,并在项目目录下执行以下命令
npm install 
// 升级方法:
// 修改 ionic-angular 的版本号,并在项目目录下执行以下命令
npm install 

ionic cli 版本是1套 ionic 的通令行界面,用于实施种种命令行的通令。

ionic cli 版本是一套 ionic 的一声令下行界面,用于实施各个命令行的一声令下。

// 升级方法:
// 在任意目录下,执行以下命令
npm install -g ionic@lastest
// 升级方法:
// 在任意目录下,执行以下命令
npm install -g ionic@lastest

 ==========补充2 ==================
Cordova :适配多平台 ,将Ionic 适配到ios或Android

 ==========补充2 ==================
Cordova :适配多平台 ,将Ionic 适配到ios或Android

参考文档 :
https://ionicframework.com/docs/pro/【官方】
https://www.jianshu.com/p/1baf40713c1c
参考文档 :
https://ionicframework.com/docs/pro/【官方】
https://www.jianshu.com/p/1baf40713c1c

 

 

 

 

 

 

 

 

相关文章