Ionic2开发App之环境搭建及demo演示(Win10 64位 )

小半年没写博客了,最近一直在前端的路上摸索,先是之前的Wex5开发,再到现在的Ionic2,由于以前一点没接触过,遇到不少坑,这几天会慢慢整理出来,希望能为你们开发节省点时间。

JDK的安装和搭建就不说了,作为开发都应该装好配置好了。下面我们从node.js的安装开始:

Node下载地址在官网下载适合自己电脑的版本,基本一路next就行,安装好在cmd窗口输入命令,出现下图表明安装成功

Ionic2开发App之环境搭建及demo演示(Win10 64位 )


然后再安装ionic和cordova插件,至于ant和安卓及ios环境那些目前没必要安装,打包才用到,目前 用不着

npm install g cordova ionic 安装cordova插件和ionic,安装成功如下:

Ionic2开发App之环境搭建及demo演示(Win10 64位 )


这就表明安装成功了,若在npm install过程中报错,可能是缺少python环境,这个环境需要装上的,装完这个若还是报错,如下:

Ionic2开发App之环境搭建及demo演示(Win10 64位 )


解决这个问题我是在网上下载了个vs Express 2013 for Desktop解决的,下载地址


下面就开始下载运行demo了,首先cmd进入要下载文件的路径下如下:

ionic start myApp tabs --v2 -skip -npm

cd myApp

npm install --save

ionic serve

Ionic2开发App之环境搭建及demo演示(Win10 64位 )


Ionic2开发App之环境搭建及demo演示(Win10 64位 )


成功运行后浏览器出现如下界面:

Ionic2开发App之环境搭建及demo演示(Win10 64位 )

第一个ionic 项目成功运行,下一节介绍下ionic开发工具及基本使用