Mac安装ionic及创建helloworld!

搭建ionic的工作环境，为混合开发迈出第一步

一、安装Node.js

1.1 为什么要安装Node.js？

安装ionic,为什么要安装node.js?好多教程是直接让你开始安装，但是几乎没有找到，为什么要安装node.js,为了满足好奇心，了解一下吧，要安装ionic,需要用到npm(包管理工具)命令，而npm工具的运行需依赖javascript的运行环境，而node.js则是JavaScript的运行环境，所以需要先安装node.js。

1.2 Node.js的作用是什么？

一句话总结即：提高服务器的利用率，减少内存的占用，提高cpu的利用率，非阻断式I/O的、事件驱动的JavaScript运行环境，解决高并发而硬件资源不足的作用。是不是"非阻断式I/O"、"事件驱动"有点懵逼了？点这里，有你想要的。

1.3 如何安装？

官网地址：https://nodejs.org/en/download/
下载自己对应的操作系统文件，然后next,next...complete你懂的

1.4 检验安装是否成功

   运行  node  -v
   运行  npm -v

显示如下所示即表示成功

image.png

二、安装ionic

2.1 安装好node.js以后，安装ionic ,在终端上输入

sudo npm install -g cordova ionic

如图所示，正在安装中...

image.png

2.2 检验安装完成：

ionic -v

image.png

到这里环境搭建完成，快来HelloWorld吧

三、创建HelloWorld

创建ionic项目有点特别，不像常用IDE，没有可视化界面操作，要用命令来创建，即：

ionic start HelloWorld blank

image.png image.png

四、运行HelloWorld

cd HelloWorld
ionic serve

注意这里是 ionic serve 而不是server
最后贴上效果图：

image.png