最近看打算学习下跨平台解决方案,经过多方比对,决定优先学习了解下uni-app. 毕竟uni-app 是一个使用 Vue.js 开发所有前端应用的框架,与我的技术栈比较贴合。
说学就学,打开uni-app官网(uniapp.dcloud.net.cn/) 大致看了一些文档。便按照快速上手的文档进行了项目的创建。
先下载了# HbuilderX,因为之前一直使用vscode,总感觉HbuilderX怪怪的。无所谓吧,总得适应新事物。 接着按文档一顿操作,框架代码搭建好了。想着先来个简单的效果展示,便点击运行在浏览器端,结果直接报uniapp 下载编译工具失败,请重新运行. 额,这?出师未捷身先死,常使码农泪满巾!
好嘛,日常解决bug.查阅文档加上百度,发现是没有下对应的运行环境插件。啊,这!低级错误啊! 知道问题所在,便去下载插件,配置好运行环境。核心基础插件可以到 HbuilderX -> 工具 -> 插件安装 中进行下载安装。
接着,便进行插件安装,因为用的是vue3的模板,于是下载 uni-app(vue3)编译器,结果又出现报错。如下:
这咋会出现网络问题!vscode国外资源站点都不会出现网络问题。
经过一顿查阅资料,逛论坛,发现要以管理身份启动HbuilderX. (公司内网无法直接安装插件,设置好IE 代理,右击以管理员身份证运行软件,Hbuilder就能走IE代理啦!)
重新按管理身份启动HbuilderX,在进行插件下载,启动运行。项目正常启动!