ionic 2 安装教程

在安装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

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

你可能感兴趣的:(ionic 2 安装教程)