Mac下安装node.js , IonicMac下安装node.js , Ionic

by admin on 2018年10月5日

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

 

 

 

 

 

 

 

 

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图