uniapp商城项目之创建启动（一）

---

前言

uniapp的商城项目，涉及vue3技术

---

一、创建uni-app项目

1.通过HBuilderX创建

安装HBuilder，新建vue3的uni-app，要想在微信开发者工具里使用，需要安装插件uni-app（vue3）编译器，随后运行到微信开发者工具，初次使用需要配置微信开发者工具的安装路径，若报错需打开开发者工具的服务端口
运行到微信开发者工具，会多出来一个unpackage文件夹，若不从H5启动，直接导入微信开发者工具目录为unpackage—dist—dev—mp-weixin

若想在手机上模拟，微信开发者工具预览（灰色状态，需要在manifest.json填写微信小程序AppID）

2.通过命令行创建

vue3+ts版：npx degit dcloudio/uni-preset-vue#vite-ts 项目名称
在 manifest.json添加appid，pnpm install,pnpm dev:mp-weixin,最后导入微信开发者工具

如果下载失败，例如出现以下问题

uniapp官网里有解决方法，uniapp官网链接：