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官网链接:
原文地址:https://blog.csdn.net/m0_46123285/article/details/145278908
免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!