uni-app利用hbuildx开发微信小程序环境搭建

问题描述

工欲善其事必先利其器,技术选型选中了uni-app,那么就一定要使用hbuildx工具开发,因为之前用这个非常少,很多快捷键使用不方便,包括常用的操作,还有 如何跟微信小程序开发关联等,因此,搭建环境是第一步。因此,先写个环境搭建的学习笔记

ctrl+R 启动编译

先配置 微信小程序的安装路径

uni-app利用hbuildx开发微信小程序环境搭建

微信小程序需要打开端口,允许hbuildx拉起

uni-app利用hbuildx开发微信小程序环境搭建
uni-app利用hbuildx开发微信小程序环境搭建

hbuildx 支持将scss转为CSS

uni-app利用hbuildx开发微信小程序环境搭建

uni-app利用hbuildx开发微信小程序环境搭建

hbuildx 快捷键与vscode保持一致

uni-app利用hbuildx开发微信小程序环境搭建

文件和左侧资源管理关联

uni-app利用hbuildx开发微信小程序环境搭建