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

文章目录

    • 问题描述
    • ctrl+R 启动编译
      • 先配置 微信小程序的安装路径
      • 微信小程序需要打开端口,允许hbuildx拉起
    • hbuildx 支持将scss转为CSS
    • hbuildx 快捷键与vscode保持一致
    • 文件和左侧资源管理关联

问题描述

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

ctrl+R 启动编译

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

uni-app利用hbuildx开发微信小程序环境搭建_第1张图片

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

uni-app利用hbuildx开发微信小程序环境搭建_第2张图片
uni-app利用hbuildx开发微信小程序环境搭建_第3张图片

hbuildx 支持将scss转为CSS

uni-app利用hbuildx开发微信小程序环境搭建_第4张图片

uni-app利用hbuildx开发微信小程序环境搭建_第5张图片

hbuildx 快捷键与vscode保持一致

uni-app利用hbuildx开发微信小程序环境搭建_第6张图片

文件和左侧资源管理关联

uni-app利用hbuildx开发微信小程序环境搭建_第7张图片

你可能感兴趣的:(微信小程序,uni-app,hbuildx)