关于ionic的环境搭建

在搭建环境之前需要  需要准备的软件有：

jdk1.8 （ps：版本太高会安装不成功）sdk (因为下载特别慢的缘故，所以直接借用了android studio的)  node.js(npm)   Ant  cordova  ionic

下载了jdk之后需要进行系统的环境变量的配置 (打开电脑左下角里面搜索环境变量  选择编辑系统环境变量)

在环境变量里面添加JAVA_HOME  写入他的路径 到版本号   之后再系统变量的里面的path里面添加两个关于JAVA的路径

用刚刚新建好的类似这样

安装好之后可以试试javac   除了报错说不是内部或者外部命令之类的  一般都会成功

之后的SDK也一样 ，  新建一个SDK_HOME写入他的路径

同样需要把他们插入到path路径里面  可以用java -version 或者android -h 测试是否成功

接下来的nodejs（npm 一般下载之后都包含在内），ant也一样   需要新建NODE_HOME和ANT_HOME

然后再在path下面加入他们的可执行文件

之后可以试试ant  -version查看ant版本号   node -v  npm -v这些都可以测试是否配置成功

值得注意的是  这些环境变量的配置 关于名称之类的自己可以随便取   path里面的路径需要写到可调取的执行文件即可

如果上面的已经没问题   那么下面进行cordova的安装

cordova官网是调用了这样一条命令

Windows上：

npm install -g cordova    

OS X和Linux上：

sudo npm install -g cordova

之后可以通过测试  cordova -v

如果出现版本号  就成功啦

那么现在值得注意的是  刚刚的npm的path路径是直接指向npm的可执行文件

当要安装下面的ionic 可能会不成功  所以得改变npm的路径

最开始的路径是在node的路径里面

在改变npm路径之前需要 npm config set  一下文件以及改变的路径

如果不明白这个的话  可以看一下下边的那个网址  

这是改变之后的路径

记得成功之后npm -v 测试一下

有看到百度上其他同仁用

http://blog.youkuaiyun.com/pengpegv5yaya/article/details/51885829

这样的方法    道理是一样的   都是为了之后安装在npm里面的东西全局化

那么之后新建的项目不会因为不在同一盘符下报错

如果上面也成功之后

就可以用下面的命令

Window 和 Linux 上

npm install -g cordova ionic

Mac 系统上

sudo npm update -g cordova ionic

完成之后会生成 在改变之后的路径  一般最后几行是会提示出来的

然后通过命令新建项目

ionic start  MyApp tabs

之后cd MyApp

然后运行试试ionic serve或者还可以模拟手机的ionic serve -cl

进入到刚刚新建的项目里面可以看到它自动生成了一下目录的文件

之后可以试试打包功能   

cd 到该项目目录下面ionic或者cordova都可以

ionic build android (ionic build ios[ios的包是ipa后缀]不能直接安装)

可以看看这个关于ipa文件的相关问题

https://jingyan.baidu.com/article/466506580efc29f549e5f835.html