hbuilder创建基于vue2的uniapp小程序项目

这篇具有很好参考价值的文章主要介绍了hbuilder创建基于vue2的uniapp小程序项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

参考vant官网:https://vant-contrib.gitee.io/vant/v3/#/zh-CN/quickstart#an-zhuang官网
参考别人博客:https://www.yii666.com/blog/465379.html

1.创建项目

1.1 hbuilder进去右上角点击文件–新建–项目
1.2 vue2项目如下图
hbuilder创建基于vue2的uniapp小程序项目,uni-app,小程序

2.安装依赖

2.1
hbuilder创建基于vue2的uniapp小程序项目,uni-app,小程序
2.2
hbuilder创建基于vue2的uniapp小程序项目,uni-app,小程序

3.main.js中引入vant

hbuilder创建基于vue2的uniapp小程序项目,uni-app,小程序

4.app.vue 中引入vant weapp样式

hbuilder创建基于vue2的uniapp小程序项目,uni-app,小程序

5.效果如下

hbuilder创建基于vue2的uniapp小程序项目,uni-app,小程序
hbuilder创建基于vue2的uniapp小程序项目,uni-app,小程序文章来源地址https://www.toymoban.com/news/detail-582326.html

到了这里,关于hbuilder创建基于vue2的uniapp小程序项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp中使用pinia (针对于uniapp创建vue3项目,uniapp创建vue2项目此方法不可用)

    如果新建项目,先初始化一下 名字自己定我的是pinia-store,在目录下新建index.js和login.js,代码如下 index.js 这是需要被main.js引用的 如同与vue3项目中index.ts中引入的pinia 再建一个存储状态的文件(login.js) 4 main.js中的修改 在vue组件中就可以操作pinia中存储的状态的和一系列操作了

    2024年02月11日
    浏览(47)
  • (小程序)基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板

    版本信息: 点击编辑器的文件 新建 项目(快捷键Ctrl+N) 2.选择uni-app项目,输入项目名/路径,选择项目模板,勾选vue3版本,点击创建,即可成功创建。 3.点击编辑器的运行 运行到浏览器 选择浏览器 当然也可以运行到手机或模拟器、运行到小程序工具。 到这里一个简单的

    2024年02月16日
    浏览(54)
  • HBuilder创建uniapp默认项目导入uview(胎教)

    建议更新 我本人在没有更新插件的情况下报错了,找到了**这个大佬**解决问题,所以建议更新插件 先卸载 uni-app(Vue2)编译 再重新安装 uni-app(Vue2) 新建test项目 创建成功之后,右键项目选择在外部资源器中打开 在外部资源器中打开是防止在HBuilder的终端打开cmd权限不足等

    2024年02月07日
    浏览(27)
  • 使用命令行新建vue2/uniapp小程序项目

    1.执行命令创建项目。 2.选择模板,需要ts加上ts,一般默认选择默认模板。  3.新建完成后的package.json,有对应的打包命令,    博主报了一个这样的错误,是因为autoprefixer版本过高,降低一下版本即可 这里也可以会出现sassloader版本的报错的问题,如果出现查一下版本换一下

    2024年02月09日
    浏览(24)
  • Hbuilder+uniapp 从零开始创建一个小程序

    当你看到这篇博客的时候,那~说明~我的这篇博客写完了……哈哈哈哈哈哈哈哈。好的,清耐心往下看哈。如果有需要的,可以关注一下小作,后面还有小程序的云开发嗷~ 为什么要申请一个小程序账号? 哈哈哈哈,你如果有这个疑问的话,那你很棒棒嗷~我第一次看到官方网

    2024年02月09日
    浏览(37)
  • WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月08日
    浏览(50)
  • #Uniapp:uni-app中vue2生命周期--11个

    uni-app中vue2生命周期 生命周期钩子 描述 H5 App端 小程序 说明 beforeCreate 在实例初始化之后被调用 详情 √ √ √ created 在实例创建完成后被立即调用 详情 √ √ √ beforeMount 在挂载开始之前被调用 详情 √ √ √ mounted 挂载到实例上去之后调用 详情 注意:此处并不能确定子组件

    2024年02月02日
    浏览(39)
  • uniapp和springboot微信小程序开发实战:前端架构搭建之HBuilder X创建项目以及目录介绍

    HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开

    2024年02月09日
    浏览(37)
  • hbuilder + uniapp +vue3 开发微信云小程序

    1、创建项目: 2、创建项目完成的默认目录结构: 3、在根目录新建一个文件夹cloudFns(文件名字随便),存放云函数源码: 4、修改manifest.json文件:添加 小程序 appid和cloudfunctionRoot,cloudfunctionRoot的value必须和第三步创建目录的名字保持一致: 5、添加vite.config.js配置文件:

    2024年04月15日
    浏览(21)
  • HBuilder将uniapp项目运行到微信开发者工具进行小程序调试

    HBuilder将uniapp项目运行到微信开发者工具进行小程序调试 有时候我们的项目开发是使用uniapp,而最终是要发布到微信小程序的。 在开发uniapp项目过程中,我们可以使用HBuilderX运行到微信小程序模拟器(微信开发者工具),一边写代码一边调试、预览效果。 电脑安装以下软件

    2024年02月16日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包