文章目录
前言
一、创建 uni-app 项目方式?
uni-app 支持两种方式创建项目:
-
通过 HBuilderX 创建(需安装 HBuilderX 编辑器)
-
通过命令行创建(需安装 NodeJS 环境)
二、使用步骤
1.通过 HbuilderX 创建 uni-app vue3 项目
2.安装 uni-app vue3 编译器插件
3.编译成微信小程序端代码
4.开启服务端端口
5.通过命令行创建(方便一点)
打开uniapp官方网站 https://uniapp.dcloud.net.cn/quickstart-cli.html
六、 编译和运行 uni-app 项目
- 安装依赖
pnpm install
- 编译成微信小程序
pnpm dev:mp-weixin
- 导入微信开发者工具(这里导入是指用vscode来开发小程序)
把生成的dist目录导入到微信开发者工具上(我这里已经导入过,你们可以自行根据自己项目进行导入)
总结
例如:以上就是今天要讲的内容,本文仅仅简单介绍了uniapp的使用