uniapp创建方式


前言


一、创建 uni-app 项目方式?

uni-app 支持两种方式创建项目:

  1. 通过 HBuilderX 创建(需安装 HBuilderX 编辑器)

  2. 通过命令行创建(需安装 NodeJS 环境)

二、使用步骤

1.通过 HbuilderX 创建 uni-app vue3 项目

在这里插入图片描述

2.安装 uni-app vue3 编译器插件

在这里插入图片描述

3.编译成微信小程序端代码

在这里插入图片描述

4.开启服务端端口

在这里插入图片描述

5.通过命令行创建(方便一点)

打开uniapp官方网站 https://uniapp.dcloud.net.cn/quickstart-cli.html
在这里插入图片描述

六、 编译和运行 uni-app 项目

  1. 安装依赖 pnpm install
  2. 编译成微信小程序 pnpm dev:mp-weixin
  3. 导入微信开发者工具(这里导入是指用vscode来开发小程序)
  4. 在这里插入图片描述
    把生成的dist目录导入到微信开发者工具上(我这里已经导入过,你们可以自行根据自己项目进行导入)
    在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

总结

例如:以上就是今天要讲的内容,本文仅仅简单介绍了uniapp的使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值