uniapp 微信开发者工具 白屏 uniapp开发者中心

一、环境搭建

（1）个人建议直接使用集成环境HbuilderX来开发，直接官网去下载对应的版本（注意：HbuilderX 安装所在的目录不允许有特殊字符，‘（）’也算是，所以不能安装在\Program Files (x86)目录下哦，不然编译会失败）;

（2）安装微信开发者工具；安装成功后，打开微信开发者工具，做如下配置；

（3）后续按照uniapp官网，直接新建uniapp项目开发，建议直接使用普通模板，方便做自己个性化业务的开发。uniapp官网》》；

二，项目组件的引用

（1）插件市场的插件安装； 插件市场官网》》，选择自己需要的插件安装；注意：官网需要登录，HbuilderX也需要登录，这样就直接建立了对应的关系，安装的插件直接会到自己对应的项目下；

（2）直接选择安装包安装，下载对应的ZIP安装包，解压之后，放到对应项目目录为uni_modules的文件下，（如果没有uni_modules这个目录，可以自己新建一个）

三、外部框架的引入vant

（1）下载对应的vant小程序版本dist包 vant小程序版本git地址》》，把下载后的dist包放在对应项目的目录下。

此处注意：微信小程序引入外部的组件框架，必须放在wxcomponents这个文件目录下，至于下一级的目录取啥名字都可以，配置的时候路径配对就可以了，如下做了例子，放在dist目录和vant目录都可以。

四、外部引入框架UView

亲测，UView比Vant更适配！！Vant weapp在浏览器中并不支持，UView在浏览器中可以正常使用！uview框架下载链接 官网安装教程UView官网链接