IONIC

ionic是一个UI开发框架,就是用来做一个漂亮的界面的东西,里面包含很多显示效果很棒的图片效果。

然后使用cordova为ionic提供底层支持,用于ionic和原生API的中间件。

---------------------------------------------------------------------------------------------------------------------------------------

准备

首先创建一个ionic邮箱账号

ionic signup

 记住账号和密码。

---------------------------------------------------------------------------------------------------------------------------------------

安装ssh

在ionic的git版本管理中会使用到!

ionic ssh setup

错误信息:

D:\project\eyeshot\eyeshot>ionic ssh setup
[WARN] OpenSSH not found on your computer.
[ERROR] Command not found: ssh

解决办法:

下载安装SSH:https://www.mls-software.com/files/setupssh-7.8p1-1.exe按步骤进行安装,最后关闭cmd,重新打开进行执行以上命令:

选择Creat kEY.然后选择YES.为你的秘钥输出密码短语,最后:

SSH setup successful!

Git信息添加

  git config --global user.email "you@example"
  git config --global user.name "Your Name"

---------------------------------------------------------------------------------------------------------------------------------------

安装:

ionic start myApp tabs

 

然后遇到:

Install the free Ionic Appflow SDK and connect your app?

输出Y回车。

接着输入Email账号和密码。

然后选择是连接一个已经存在Ionic平台的app还是创建一个新的,这里用上下按钮选择Creat new app.如果失败了,有可能该APP已经创建就可以到官网去查看是否有该项目再进行选择。https://ionicframework.com/

接着选择自己的Git平台,这里选择Ionic Appflow,不过官方他们推荐使用的是Github等第三方进行使用,如果有建议使用Github.接着如果没有安装OpenSSH还会出现错误。最后:

按照他说的步骤继续:

cd Islet 回车;ionic server 回车;

CTRL+C终止样式,提交初次代码:

git add . # stage any changes
git commit -m "added appflow sdk" # commit staged changes
git push ionic master # push the changes from the master branch to the Ionic remote

完成第一次提交。其实直接使用本地也能使用,这个只是为了版本控制。

下面进行安卓真机验证:

ionic cordova platform add android
ionic cordova build android
ionic cordova run android

注意手机设置成usb调试哦, 这样就可以直接在手机看到和上面网页一样的效果。

---------------------------------------------------------------------------------------------------------------------------------------

 

疑问:

1.这个ionic start 步骤报错之后只能重新装吗?!

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐