uni-app项目搭建,vsCode编辑项目,微信开发者平台实时调试以及各平台调试命令

启动各个端的命令

//启动项目(微信小程序)
npm run dev:mp-weixin

//启动项目(h5)
npm run dev:h5

//启动项目(app平台)
npm run build:app-plus (也就是App平台运行调试不支持cli方式,需在HBuilderX中运行调试)

//启动项目(支付宝小程序)	
npm run dev:mp-alipay

//启动项目(百度小程序)
npm run dev:mp-baidu	

//启动项目(字节跳动小程序)
npm run dev:mp-toutiao	

//启动项目(qq 小程序)
npm run dev:mp-qq	

//启动项目(快应用)
npm run dev:quickapp-webview	

微信开发者工具调试小程序为例子

进入项目目录

执行命令

npm run dev:mp-weixin

uni-app项目搭建,vsCode编辑项目,微信开发者平台实时调试以及各平台调试命令_第1张图片

执行完毕如下

uni-app项目搭建,vsCode编辑项目,微信开发者平台实时调试以及各平台调试命令_第2张图片

在项目dist文件夹的dev的会多出一个文件mp-weixin,目录结构即为小程序的结构

uni-app项目搭建,vsCode编辑项目,微信开发者平台实时调试以及各平台调试命令_第3张图片

打开微信小程序工具,导入 E:\其他\uni-app-test\test\my-project\dist\dev\mp-weixin

uni-app项目搭建,vsCode编辑项目,微信开发者平台实时调试以及各平台调试命令_第4张图片

导入成功之后

uni-app项目搭建,vsCode编辑项目,微信开发者平台实时调试以及各平台调试命令_第5张图片

你可能感兴趣的:(uni-app)