angularjs2一环境配置，项目创建

安装ionic,cordova详细步骤

听语音

• |
• 浏览：9984
• |
• 更新：2015-12-29 14:48

• 1
• 2
• 3
• 4
• 5
• 6
• 7

分步阅读

IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。它提供了很多 UI 组件来帮助开发者开发强大的应用。但是，ionic的安装往往是需要花费大量时间的，希望这篇经验可以让你在安装过程中少走弯路。请多参考官网。

工具/原料

• node.js
• jdk

方法/步骤

1. 1

   首先需要安装好node.js（网上教程很多）

   这是为了使用npm来安装ant，cordova，ionic

   验证是否安装好node.js的方法是在命令提示符中输入“node -v”

   若出现版本号，证明安装成功。

   
2. 2

   下载jdk，并配置java环境（网上教程很多）

   验证是否安装好的方法是在命令提示符中输入“javac”

   若出现如下内容，证明安装成功。

   
3. 3

   安装ant,并配置相应的环境（网上搜教程）

   验证是否安装好ant的方法是在命令提示符中输入“ant -v”

   若出现版本号，证明安装成功。

   
4. 4

   现在就可以安装cordova了，根据下图一步一步来就好了，官网有，可以自己搜下；

   验证是否安装好cordova的方法是在命令提示符中输入“cordova -v”

   若出现版本号，证明安装成功。

   

   
5. 5

   接下来是安装成功ionic的重要一步了，就是安装express,

   cmd 输入：npm  install express 

   等待一会即可

6. 6

   接下来就可以安装ionic了，也是按下图，或是去官网查看步骤;

   注意：如果按步骤执行到最后三步，发现出错，请先安装android sdk

            或者可以直接省略最后三步（即只用执行到 cd myApp），在命令提示符中输入“ionic serve”

            直接在浏览器中查看效果；

   

   

   
7. 7

   验证是否安装好ionic的方法是在命令提示符中输入“ionic -v”

   若出现下图，证明安装成功。

   
   END

应用过程中遇到的一些问题解决办法

1. 升级cordova命令

   调用语句 :windows用户npm update -g cordovamac系统的用sudo npm update -g cordova查看cordova信息npm info cordova 查看cordova 版本cordova -v查看cordova命令cordova help

   END

注意事项

• 配置环境变量时，用英文状态下“;”把要添加的路径与前面有的隔开；
• 所有的命令都是在命令提示符中进行的，在输入命令时，别把“$”也一块输进去~
• 如果前面都实现了，但是ionic还是安装失败，多半是网络问题；
• 如有错误，补充，欢迎留言