第一步下载hbuilderx 下载地址是 hbuilder => 点击hbuilderx => downLoad按钮 => 选择app开发版 下载成功后注册账号

第二步配置hbuilder 创建小程序项目 点击文件 => 选择新建 => 选择项目 => 点击uniapp => 输入项目名称 => 选择项目创建地址 => 选择默认模板 => 点击创建

在创建完成的项目中找到 manifest.json => 选择微信小程序配置 => 写入appid

点击工具 => 点击设置=> 找到运行设置 => 找到小程序运行配置 => 输入微信小程序的开发者工具文件地址

这时候项目已经可以运行到微信开发者工具了 但是如果提示服务端口没有开 那么可以打开微信开发者工具 点击设置 => 安全设置 => 将服务端口打开

这时候我们不能使用scss 如果想要使用需要安装scss插件 点击工具 => 插件安装 => 在已安装插件中找对应的插件 如果没有 则点击安装新插件 => 点击前往插件市场安装 => 搜索对应的插件点击下载 => 登陆过后点击使用hbuilderx导入插件