当前位置: 代码迷 >> 综合 >> ionic 学习笔记 一 :安装和配置
  详细解决方案

ionic 学习笔记 一 :安装和配置

热度:83   发布时间:2023-12-08 02:18:33.0

之前接触了一点跨平台开发,去年AUI和MUI(别问我这俩有啥区别)做了点东西,看官方宣传说的跟原生APP没什么差别,实际操作写了项目之后,功能确实都差不多可以实现,但是感官上的差别还是有的,各自的优劣势我也不多说了,在向全栈前进的道路上,总是要接触新鲜的东西的。学习Ionic从搭建环境开始,记录下我入坑的辛路历程。以上都是装逼的废话,直接跳过就行了

首先,来一波搬运,我用的mac电脑,去搜下安装教程,如下所示:

安装cordova和ionic

1.安装ionic前确保你的Mac已安装Xcode,app store;

2.安装cordova之前要安装nodejs,


3.git不用安装,osx和linux都自带git,可以在命令行输入 git --version检查一下;

4.安装cordova:在命令行输入一下命令:“npm config set registry http://registry.cnpmjs.org”,用root权限全局安装cordova:“sudo npm install -g cordova”,执行后提示输入密码,输入你的Mac开机密码即可,完成后输入“cordova -v”验证cordova版本

5.安装ionic:使用“sudo npm install -g ionic”指令安装ionic,完成后输入“ionic -v”验证版本,输入“sudo npm install -g ios-sim”安装ios模拟器,输入“npm install -g ios-deploy ”报错,改成输入"sudo npm install -g ios-deploy --unsafe-perm=true"

这样就好了。

Cordova 第一个应用程序

1.创建一个ionic应用:

ionic start hello blank

2.配置平台:

cd hello.

ionic cordova platform add android.

ionic cordova platform add ios.

3.运行

编译:ionic cordova build ios

模拟器运行:ionic cordova emulate ios(我这出错了,模拟器运行不了)

网页运行:ionic serve(没问题)


目录结构:


src 就是以后开发写代码主要的地方。每次写完要同步到手机项目中,需要使用ionic cordova build ios和ionic cordova platform update android同步到iosandroid平台里。


这个应该就是首页了,相当于声明了一个类似ios中ViewController和android中MainActivity的东西。

OK,到这里工具的安装我基本使用差不多就都搞完了,顺便找了一下程序的入口,下次直接从入口开始就行了。

  相关解决方案