访问node.js官网(

在安装ionic 2之前先给大家介绍一款管理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 

安装ionic 2

Ionic 2
程序主要通过Ionic命令行工具CLI来创建和开发,并使用Cordova来构建和部署为原生应用程序。也就是说我们需要先安装一些工具来实现程序开发。

要创建 Ionic 2 项目,你需要安装最新版本的 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

2.安装ionic

npm install -g ionic

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

3.安装cordova

npm install -g cordova
命令前面可能需要添加sudo提权来进行全局安装。

如果因为网络原因安装不上解决办法
修改npm源为淘宝npm源,可以使用下面三种方法中的任意一种

  • 通过config命令
    1.npm config set registry
    https://registry.npm.taobao.org
    2.npm info underscore (如果上面配置正确这个命令会有字符串response)
  • 命令行指定
    npm –registry
    https://registry.npm.taobao.org
    info underscore
  • 编辑 ~/.npmrc 加入下面内容
    registry =
    https://registry.npm.taobao.org

安装ionic

4.安装运行工具:

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

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

5.创建项目

ionic start myapp // 默认创建ionic 1,加上–v2才是ionic 2
ionic start myapp –v2 //默认tabs
ionic start myApp tabs –v2 //创建带有top栏和bottom栏的示例项目
ionic start myApp sidemenu –v2 //创建带有左侧带有menu栏的示例项目
ionic start myApp blank –v2 //创建空白项目

继续等待安装,完成

6.运行应用

进入到项目的目录下(cd myApp/)

浏览器中运行:ionic serve
模拟器中运行(默认):ionic run ios
真机中运行:ionic run ios –device

接下来就可以进行项目开发了。

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

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

进入到开发目录,进行新建ionic项目

ionic start ProjectName

==选择模式【7种】

==选择是否进行Cordova配置, 【等待Running command】

$ ionic cordova build ios
$ ionic platform add androidz

== 选择是否安装 Ionic Pro SDK

===完成===

启动Ionic    ionic serve 

ionic serve -c【搭建网络环境 ,CLI>3.13】

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

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

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

ionic cli 版本是一套 ionic 的命令行界面,用于执行各种命令行的命令。

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

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

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

 

 

 

 

相关文章