【超详细】ionic创建app项目的全过程（入门学习教程记录）

写在前面

本文用到的是ionic4+angular7+cordova4
一开始接触，我分不清三者之前的关系，在想是不是全部都要用命令行装一遍。实则不然。ionic是在angular的基础上做的衍生物。所有三者的关系就好像一整颗花生，angular是花生仁，ionic是花生皮，而cordova是花生壳。
好了，废话不多说，开干！

打开命令行面板

前提：安装了node （上一篇有介绍）

先装cordova @符号后面是版本号 ionic也可以根据你的需求选择相应的版本
npm install –g cordova@4.1.2
npm install –g ionic

然后可以查版本 运行这些 它都有命令行提示

---

//创建一个项目
ionic start myproject

cd myproject

ionic platform add ios

ionic build ios

ionic emulate ios

Android创建安装运行
ionic start myproject
cd myproject
ionic platform add android
ionic build android
ionic emulate android (模拟器运行)
ionic run android (连接上手机运行)

---

基本上按这个流程敲下来
最后来一句ionic serve
就能打开浏览器了~

写在最后

这样一个关于ionic的基本app项目就完成了，当然可能我们还需要搞个android sdk才可以进行模拟器和手机的真机调试，想知道？下回分享吧~