首先到微信公众平台下载 微信开发者工具 地址:https://mp.weixin.qq.com/ 打开网页往下拉,看到小程序点进去。
拉,看到小程序点进去。
然后找到开发者工具。
下载——选择自己的系统环境。
完成安装。
下载完成后我们先不要急着下一步操作。此时我们暂定一下去GitHub下载一个东西-weui。这个东西就相当于前段中的bookstrap,能简化我们的操作。
然后我们可以打开我们的开发者工具创建我们的第一个项目。选择小程序项目——AppID我们暂时先选择-小程序——选择创建目录并给自己的项目起一个名字。
进来之后就是这个样子。
我们创建项目的时候如果项目路径选择下载好的weui文件夹里面的dist目录。打开就是这个样子。可以直接预览到weui给我们封装好的样式。
预览一下button样式,是不是跟微信的一模一样。
但是我们不能直接把项目创建在我们下载好的weui中,而是应该打开weui——dist——复制app.wxss文件和style文件夹。粘贴到我们创建的项目下,选择替换。
然后就是这个样子。
到这里我们的准备工作已经完成。
关注我的微信公众号,一起开启我们的编程之旅。