ionic - ionic3.x + cordova7.0.1 环境配置
ionic简介:
Ionic 是一于 款基于 Angular 、Cordova 的强大的 HTML5 移 应用架开发框架 , 可以 快速创建一个跨平台的移动应用。
可以快速开发动 移动 App 、移动端 WEB 页面 微信公众 平台应用,混合 app web 页面。
ionic = Cordova + Angular + ionic CSS
Ionic 是完全基于谷歌的 Angular 框架,在 Angular 基础上面做了一些封装,让我们可以更快
速和容易的开发移动的项目。
Ionic 调用原生的功能是基于 Cordova, Cordova 提供了使用JavaScript 调用 Native 功能。 ionic 自己也封装了一套漂亮的 CSS UI 库
ionic 的安装运行:
1.需要安装 nodejs
2.安装 npm install -g cordova ionic
3. 创建项目: ionic start myApp tabs
4. 运行项目: ionic serve
ionic 初始化项目时可能报错,可以执行 ionic start (app) --skip-npm 阻止依赖包自动下载。
然后执行 cnpm install 下载。
启动项目时,ionic serve 如果报错。
错误提示 :
该错误表示 node-sass 版本过低,需要更新 node-sass 。
执行命令: cnpm i node-sass --save
然后找到 node-modules/ 下的 _node-sass@4.5.3@node-sass 文件删掉即可
执行 ionic 命令时总是提示更新 ionic-cli 怎么办?
解决:
1. ionic serve --no-interactive 阻止提示。
2. ionic config set -g interactive false, 修改配置文件 ~/.ionic/config.json中的interactive的值为false
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)