ionic环境的搭建和创建第一个项目

一直没有时间，好好组织语言写点东西，正好借着最近学ionic的机会，好好比一下自己。ionic(ionic framework是一款接近原生的HTML5移动App开发框架）,你只要会html、css、JavaScript就可以开发app，干掉现在还是苦逼做原生开发的屌丝我。
首先介绍一下ionic的学习资料，ionic的中文教程，此网站翻译自官网,而且里面有好多例子让我们学习，下面我们讲述一下ionic和cordova安装的具体内容,刚开始研究，可能有很多坑，请多多指教

1.安装nam和node.js

终端输入 npm -v
终端输入 node -v
如果npm和node不是最新版本，可以去Node.js官网下载,下载完毕双击dmg即可

318204-9faf835b48ee3f81.png

2.安装ionic和cordova

• 2.1 由于某些原因，国内网络安装ionic和cordova会出现错误，因此需要跳过某些墙，采用淘宝镜像，打开终端输入一下命令即可

npm install -g cnpm --registry=https://registry/npm.taobao.org/

• 2.2通过淘宝npm镜像就可以安装ionic和cordova了，打开终端输入以下命令即可,会等待一段时间,请耐心等候.

sudo cnpm install -g cordova ionic

 安装成功后，可以通过终端命令查看，如果有未安装的，按照红色文字在终端输入安装即可

ionic info

74CF6437-BD00-4C88-B131-CB5C80755E55.png

注意：我在安装时遇到没有权限，此时可能是我的电脑没有权限，只需要在所有的命令行前面加sudo(即切换到root权限)

3.通过ionic创建第一个ios项目

• 3.1通过终端输入

ionic start #项目名称# ------ 创建项目
cd #项目路径# ------ 进入项目文件
ionic platform add ios ------ 添加平台
ionic build ios -------编译项目
ionic emulate ios -------模拟器运行

至此项目创建完毕，接下来更新自定义插件的安装。