Mac下部署Ionic环境

Posted 2020-10-09

1、下载安装nodejs，可以到官网nodejs.org/en/download/上去下载最新版本安装，比较无脑。如果官网打不开的话可以到中文网站去下载http://nodejs.cn/download/。安装完成之后打开终端（控制台）输入node -v查看node版本npm -v查看npm版本。

2、安装ionic和cordova（打包成app工具）  npm install -g ionic cordova。可以输入ionic info查看安装情况。

3、创建ionic应用，进入桌面 cd./Desktop 输入ionic start cutePuppyPics，start 后面是文件夹名，应该也是应用名。然后会弹出选择界面基本应用类型

• tabs : a simple 3 tab layout
• sidemenu: a layout with a swipable menu on the side
• blank: a bare starter with a single page
• super: starter project with over 14 ready to use page designs
• tutorial: a guided starter project

可以几种类型都试着看一下，这时会安装非常长的时间，或者会报错。主要就是在下载node_modules里面的组件，非常多，建议在创建项目的时候在后面加上--skip-npm 跳过下载包文件。

然后安装cnpm通过淘宝镜像下载组件，输入npm install -g cnpm --registry=https://registry.npm.taobao.org 安装cnpm。

然后进入应用目录，cd cutePuppyPics，输入cnpm install --save，完成组件安装。

在应用目录输入ionic serve，在浏览器中打开应用查看。