AngularJS+Ionic開發-1.搭建開發環境

臨時項目須要使用AngularJS+Ionic+Cordova技術，半年前跟別人用過一段時間作過幾個頁面，目前別人已經沒法聯繫了，只能我本身上了。
上次作完項目後，想抽時間好好鞏固一下這方面的知識面來，後來其餘項目忙起來就給扔下，主要緣由仍是懶啊，其實有好多的技術排着隊等着好好研究呢，就是懶啊。

開發第一步，須要先把開發環境搭建起來。

1.開發IDE

選擇VS Code，官方下載地址:https://code.visualstudio.com/ 。下載完成後，根據安裝步驟一步步完成便可。

2.安裝NodeJS

官網下載最新穩定版本，下載地址:https://nodejs.org/en/ 。下載完成後，根據安裝步驟一步步完成便可。

安裝完成後，打開系統cmd，輸入node –v，若可以獲取到對應的版本號，則完成安裝。

3.安裝Ionic

在VS Code中，打開終端控制器（快捷鍵：Ctrl+~），輸入命令：npm install –g ionic。提示安裝完成後，輸入命令：ionic –version 可查看對應的版本。

4.安裝Cordova

VS Code的終端控制器中，輸入命令：npm install –g cordova。提示安裝完成後，輸入
命令：cordova –version 可查詢對應的版本。

5.建立項目

經過打開文件夾操做，設定工程目錄，VS Code的終端控制器中，輸入命令：ionic start 。提示你輸入工程名稱，鍵入工程名稱後，會讓你選擇項目模板，分別有tabs、blank、sidemenu、super、conference、tutorial、aws。經過鍵盤上下鍵選擇須要的模板，按下Enter便可，建立過程當中會提示「Would you like to integrate your new app with Cordova to target native iOS and Android？」（意思是是否將Cordova程序整合到原生的IOS或Android中），通常狀況選擇「N」便可。接下來就須要等待項目建立完成便可。

6.瀏覽器運行項目

項目建立完成後，在VS Code的終端控制器中，經過cd命令進入到項目目錄，而後執行ionic serve，接下來執行項目編譯過程，並自動打開瀏覽器，進入到http://localhost:8100/的頁面。建立的Tabs項目的實際運行效果圖以下：