在安装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/
安装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/
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
4.安装运行工具:
真机:npm install -g ios-deploy
模拟器:npm install -g ios-sim
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
接下来就可以进行项目开发了。