Mac下安装node.js , Ionic

访问node.js官网https://nodejs.org/en/download/),下载相应的版本。

访问node.js官网https://nodejs.org/en/download/),下载相应的版本。

下载完,点击安装  【默认目录】

下载完,点击安装  【默认目录】

Node.js v8.9.3 to /usr/local/bin/node
 npm v5.5.1 to /usr/local/bin/npm 

Node.js v8.9.3 to /usr/local/bin/node
 npm v5.5.1 to /usr/local/bin/npm 

====安装完毕====

====安装完毕====

node -v   npm – v

node -v   npm – v

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

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

安装ionic

安装ionic

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

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

继续等待安装,完成

继续等待安装,完成

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

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

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

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

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

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

ionic start ProjectName

ionic start ProjectName

==选择模式【7种】

==选择模式【7种】

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

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

$ ionic cordova build ios
$ ionic platform add androidz
$ ionic cordova build ios
$ ionic platform add androidz

== 选择是否安装 Ionic Pro SDK

== 选择是否安装 Ionic Pro SDK

===完成===

===完成===

启动Ionic    ionic serve 

启动Ionic    ionic serve 

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

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

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

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

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

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

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

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

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

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

 ==========补充2 ==================
Cordova :适配多平台 ,将Ionic 适配到ios或Android
https://www.jianshu.com/p/e1f08db7e214】

 ==========补充2 ==================
Cordova :适配多平台 ,将Ionic 适配到ios或Android
https://www.jianshu.com/p/e1f08db7e214】

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