搭建ionic的工作環(huán)境，為混合開發(fā)邁出第一步

一、安裝Node.js

1.1 為什么要安裝Node.js？

安裝ionic,為什么要安裝node.js?好多教程是直接讓你開始安裝，但是幾乎沒有找到，為什么要安裝node.js,為了滿足好奇心，了解一下吧，要安裝ionic,需要用到npm(包管理工具)命令，而npm工具的運行需依賴javascript的運行環(huán)境，而node.js則是JavaScript的運行環(huán)境，所以需要先安裝node.js。

1.2 Node.js的作用是什么？

一句話總結(jié)即：提高服務器的利用率，減少內(nèi)存的占用，提高cpu的利用率，非阻斷式I/O的、事件驅(qū)動的JavaScript運行環(huán)境，解決高并發(fā)而硬件資源不足的作用。是不是"非阻斷式I/O"、"事件驅(qū)動"有點懵逼了？點這里，有你想要的。

1.3 如何安裝？

官網(wǎng)地址：https://nodejs.org/en/download/
下載自己對應的操作系統(tǒng)文件，然后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

到這里環(huán)境搭建完成，快來HelloWorld吧

三、創(chuàng)建HelloWorld

創(chuàng)建ionic項目有點特別，不像常用IDE，沒有可視化界面操作，要用命令來創(chuàng)建，即：

ionic start HelloWorld blank

image.png

image.png

四、運行HelloWorld

cd HelloWorld
ionic serve

注意這里是 ionic serve 而不是server
最后貼上效果圖：

image.png