Vue + quasar-framework进行Vue混合app开发 ─ 环境准备(一)

本文介绍了如何使用Vue和quasar-framework进行混合app开发的环境准备,包括quasar的安装、项目初始化、Android SDK配置、Cordova模式的添加以及手机USB连接电脑进行开发模式的启动。在过程中,详细讲解了遇到的问题和解决方案,如修改配置文件解决intellij-core jar包找不到的错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这几天有空闲时间去网上找了找vue的相关的ui框架,看到有网友推荐quasar-framework,去它官网看了下,然后看到了Hybrid Mobile Apps (that look native,意思就是混合移动应用程序,这不就是混合app吗,还是基于Vue的,仔细看了下支持的东西还挺多单页面应用、SSR服务器渲染、渐进式Web、混合app开发、Electron Apps开发(桌面应用),乖乖 有点强大啊。其他的我们这里就不讨论了,主要是讲下它的混合app开发,官网的文档都是英文的,不过找到了一个中文文档,可以两边参考着看,因为用的cordova,可以直接安装cordova的相关插件,直接使用,直接调用原生的Api,下面进入正题。
Vue + quasar-framework进行Vue混合app开发

quasar安装

官网是推荐yarn形式安装,所以为了保证不出问题,这里我们也用yarn安装

yarn安装

如果已经安装了可以忽略次步骤,下载安装包,无脑下一步下一步安装完就行了
Vue + quasar-framework进行Vue混合app开发
安装完毕后打开cmd,输入yarn -v,出现版本号说明就安装好了

quasar-cli 安装

# Node.js >= 8.9.0 是必需的.
yarn global add quasar-cli

项目初始化

注:路径请不要带有中文,防止后面出现乱七八糟的问题

quasar init <项目名称>

如:quasar init first-quasar-appfirst-quasar-app是项目的名称
Vue + quasar-framework进行Vue混合app开发
这个不知道什么意思,直接回车了

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值