admin 管理员组

文章数量: 1184232
一. 按照ionic 文档：

使用windows注意要用管理员身份运行cmd或powershell安装CLI,否则正常创建项目后，再运行一些ionic命令会提示找不到ionic CLI.

第一篇文档正常运行后的成果是: 

ionic serve

我们可以在PC端浏览器上看到第一个ionic demo正常运行。

二. 那接下来就是打包apk看看怎么样了，我使用的是Intellij Idea或webstorm.idea或webstrom，配置ionic支持可见jetbrains官方文档：

OK，按照文档配置完成，可以直接在idea打开一个Terminal，输入： 

ionic cordova add android  //添加android相关配置
ionic cordova run android

如果是机器上已经有符合要求的android sdk版本，那就可以直接运行成功了，否则会报需要android SDK的错误.

cordova对应的android版本可以看这里：

三. 按照以上两步去做，第一个demo运行打包apk应该都没问题了，然后可以把ionic的一些控件下载下来看看什么样子:

执行 

ionic serve

可以在PC端看到效果

如果是执行ionic cordova run android或者打包ionic cordova build android，最终在手机上运行可能会报一个错误 

Application Error - The connection tothe server was unsuccessful. (file:///android_asset/www/index.html)

ionic cordova打包成apk，实际上是套了一个外壳，主要内容是用webview去加载的，这个问题的原因有可能是index.html需要加载的资源太多，所以打开index.html超时了，找不到文件。我去搜了下有两个个方法可以处理这个问题。

  • 默认加载URL的时间应该比较短，具体是多少没有去深究，我们可以将加载URL的时间设置的长一些。参考的是stackoverflow上的这个回答： 。

具体在项目根路劲下修改config.xml文件，添加: 

<preference name="loadUrlTimeoutValue"value="200000" />
  • 还有个方法：

这个方法需要修改生成的android程序下的assert\www\index.html

好了，基本环境配置了，自己可以去瞎弄下了~~

本文标签： 我们可以 添加 代码不再

版权声明：本文标题：**代码不再迷茫：从环境搭建到调试，Ionic项目在IntelliJ IDEA上的全流程解析** 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1770513257a3534506.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。