xml地图|网站地图|网站标签 [设为首页] [加入收藏]

安装教程

2019-10-01 12:18栏目:编程
TAG:

访问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

版权声明:本文由必发88手机在线官网发布于编程,转载请注明出处:安装教程