Mac os下 ionic2环境搭建

2019独角兽企业重金招聘Python工程师标准>>>

1.Nodejs下载安装

https://nodejs.org/zh-cn/

安装cordova之前要安装nodejs 会包含npm安装（npm是个包管理器），到官网下载之后双击下载包运行然后 step by step，osx下会自动添加环境变量，不用手动配置，默认安装到、usr/local下，可以更改目录 

2、安装完成之后检查安装是否成功打开命令行输入一下两个命令(输出版本号就是成功) 
这一步一般没问题

$node -v
$npm -v

2.安装 cordova

这一步就可以安装cordova了(Git不用安装，osx和Linux都自带git，可以在命令行输入 git --version检查一下) 
这一步的主要问题是cordova安装包的镜像问题，由于镜像在国外国内网络不行，出现安装失败的情况。这就要使用代理，在命令行输入一下两个命令（我开FQ 都不行，最好设置代理）

$npm config set registry http://registry.cnpmjs.org
$sudo npm install -g cordova

• 第一个命令式配置代理 

第二行全局安装cordova -g代表全局，需要root权限所以要sudo，需要管理员密码 
如下图：前半部分的error是由于我没设置代理所以报错，显示下半部分就是安装成功了 

输入如下命令测试是否安装成功

$cordova -v

3.ionic 安装 

直接上安装命令

$sudo npm install -g ionic
$ionic -v
2.2.3

$ionic info
******************************************************
 Dependency warning - for the CLI to run correctly,      
 it is highly recommended to install/upgrade the following:     

 Install ios-sim to deploy iOS applications.`npm install -g ios-sim` (may require sudo)
 Install ios-deploy to deploy iOS applications to devices.  `npm install -g ios-deploy` (may require sudo)

******************************************************

Your system information:

Cordova CLI: 7.0.0 
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
ios-deploy version: Not installed
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.10.3
Xcode version: Xcode 8.3.2 Build version 8E2002



******************************************************
 Dependency warning - for the CLI to run correctly,      
 it is highly recommended to install/upgrade the following:     

 Install ios-sim to deploy iOS applications.`npm install -g ios-sim` (may require sudo)
 Install ios-deploy to deploy iOS applications to devices.  `npm install -g ios-deploy` (may require sudo)

******************************************************
$sudo npm install -g ios-sim
$
$sudo npm install -g ios-deploy

 ionic info 会告诉你还有哪些是未安装的

sudo cnpm install -g ios-deploy 这个命令可能会报错，若报错，用下面的命令替代

$sudo npm install -g ios-deploy --unsafe-perm=true

 

$ ionic info

Your system information:

Cordova CLI: 7.0.0 
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
ios-deploy version: 1.9.1 
ios-sim version: 5.0.13 
OS: macOS Sierra
Node Version: v6.10.3
Xcode version: Xcode 8.3.2 Build version 8E2002



$ 

显示上面信息表明全部安装完成 

4.创建项目 

1.创建项目，这里用到了 start命令，项目名称 MyIonic2Project  tabs 是模板名称，还有 blank空模板，必须加上--v2是代表 ionic2项目，否则会创建 ionic1.0的项目。

--skip-npm 是不安装依赖，如果翻墙了就不需要

$ionic start MyIonic2Project tabs --v2  --skip-npm

 然后 cd 到项目里

$sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
设置淘宝镜像

$cnpm install --save
安装依赖

$ionic serve 
启动项目

 

转载于:https://my.oschina.net/u/1240239/blog/893786