本帖最后由 微链科技【个人app全栈开发】 于 2022-4-21 13:22 编辑
HBuilderX编辑器插件高效编写AVM
适配初衷：
为了方便经常使用“HBuilderX编辑器”朋友使用，也为了方便我自己使用（因为我就钟爱HBX编辑使用超流畅），不像apicloud studio3 那样笨重， HBX、api3编辑都使用得是开源“VSCODE”编辑所以我就想到将api3编辑器得内置插件移植HBX来，做了不少适配（因为HBX有些功能被阉割掉了）。 我也没做太大得功劳，最主要得核心功能还是来源于api3（向apicloud程序猿致敬），好了废话不多说。上才艺。
也就是说，编写stml文件不需要apicloud studio3 也可以，但最终手机预览还需要apicloud studio3 有望后续能适配
功能特色：
1.一键编译小程序 2.一键编译H5（压缩版非混淆） 3.stml编写实时预览（不支持组件实时预览，如果需要组件预览，可单独建立stml 引入组件预览）
演示视频：
【百度云】 一键编译小程序演示：链接：链接：https://pan**.**/s/1SNarpsVtjJiI9bbMNPVoYw?pwd=8tkg 提取码：8tkg 一键编译H5演示：链接：链接：https://pan**.**/s/1xA56r1dIqapuSPLRM3ExtQ?pwd=zjw8 提取码：zjw8 实时预览演示：链接：链接：https://pan**.**/s/1lNnTyphJcZdXtj9ZIrHrDA?pwd=k5kk 提取码：k5kk 【阿里云盘】 一键编译H5演示：https://www**.**/s/9B4spQGQ5TY 实时预览演示：https://www**.**/s/YuiiF3jypvn 一键编译小程序演示：https://www**.**/s/6EXTbpPPPfQ
安装说明：
HBuilderX 支持版本：^2.9.0 或义上版本 依赖插件：无 如果你需要实时预览服务 可以在 HBuilderX 编辑器 上方菜单 选择 “工具”-> “插件安装”-> 内置浏览器（如没有安装选择安装即可）
【HBuilderX编辑器下载地址】 没下载HBX编辑器得朋友，先下载HBX编辑器 下载地址：https://www.dcloud.io/hbuilderx.html
【插件下载地址】
将此压缩包 复制到HBuilderX 安装目录进行解压。 例如我得HBX编辑器安装在 “D:\HBuilderX\” 此时我应该将压缩包插件复制到 D:\HBuilderX 目录下进行 解压。
重要说明：
插件版权归属归apicloud所有，使用编辑器插件你不得用于非法应用程序开发，以及使用范围必须在合法之内，否则你无权下载安装使用。
疑难解答：
1.在HBuilderX编辑器中打开stml文件显示灰色文字? 答：显示灰色文字非常不美观，不利于编写，我们可以这么设置。打开HBuilderX编辑器 -> 选择上方菜单栏“工具”-> 设置 -> 视图-> 找到“配置语言关联”
"files.associations": {"*.stml":"Vue" // 这么设置即可解决}
2.编译得小程序在哪里？在哪个目录？
答：在你项目下"out-mp"中你复制出去或者直接使用微信小程序开发者工具打开它。
3.编译得H5代码在哪里？在哪个目录？
答：在你项目下"out-web"中你复制出去,上传到服务器即可使用。访问路径：out-web\pages\index\index.html
4.项目目录下“debug”文件夹有用吗？
答：在实时预览得时候有用，项目上线得时候删除此目录即可。
5.项目完工后哪些是没有用得需要删除？
答：正式上线打包APP得时候，请先删掉目录下“.apicloud”“.bin”“debug”“out-mp”“out-web”这些目录再把代码上传到apicloud中去
|
显示全部楼层
QQ空间
新浪微博
微信扫一扫
