ionic环境搭建

ionic环境搭建

欢迎大家到我的博客关注我学习Ionic 1和Ionic 2的历程，共同学习，共同进步。

安装Ionic CLI和cordova

安装CLI最简单的方法是通过npm安装（别问我npm怎么安装）：

$ npm install -g cordova ionic

注：-g参数表示全局安装，为保证不会出错，Windows用户使用管理员权限打开命令提示符；OS X/Linux在命令前加上sudo，下同，不同版本Linux终端获取管理员权限可能不同，请自行查阅。

测试安装是否成功

$ ionic -v

cordova -v

如果安装成功，上述命令均会出现对应的版本号。

可能出现的问题

国内由于墙的原因，通过npm安装不成功很正常，请自备梯子，或按下面的方式使用淘宝镜像（cnpm）：

1. 安装淘宝npm镜像：

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

1. 使用npm安装的JS库或是其他文件都可以使用cnpm代替了，如安装ionic和cordova：

$ cnpm install -g cordova ionic

使用Ionic CLI创建工程

ionic拥有十分强大的命令行接口，最简单的创建工程的方式：

$ ionic start myapp [template]

[template]表示初始模板，初始模板可以从ionic预定义的模板中来，也可以通过Github仓库、Codepen、甚至本地目录中来。初始模板会变成cordova工程目录下的www文件夹（ionic封装了cordova的一些操作，创建工程的操作其实是通过cordova完成的）:

ionic预定义模板

• tabs
• sidemenu
• blank

Github仓库

• 任何Github仓库的地址，如：https://github.com/driftyco/ionic-starter-tabs
• ionic预定义模板只是其对应Github仓库地址的别名

Codepen地址

• 任何Codepen地址，如http://codepen.io/ionic/pen/odqCz

本地文件夹

• 本地文件夹的相对路径或绝对路径

创建工程命令行参数

--appname, -a  .......  app名称（使用引号包围）
--id, -i  ............  包名，如com.mycompany.myapp
--no-cordova, -w  ....  不要以cordova的方式创建工程

---

个人推荐

推荐一款个人使用了半年的理财产品：创建了6年的挖财，新人收益36%，7天18%，1年10%，注册送308元券