首先，在资源管理器一行，右键选择新建文件夹，将新建文件命名为image，该新建文件夹就会变为当前项目的媒体库

之后右键image文件，选择在资源管理器中打开
双击image文件，将你要的图片拖进去，那么在编辑器中就会出现你的图片

（以下操作将图片布置在index页面为例）
在index.wxml文件中：
在下面这个代码之前

<view class="usermotto">
    <text class="user-motto">{{motto}}</text>
  </view> -->

插入代码

<image src="../（该图片的相对路径）" class="i1"></image>

插入这个代码之后，把这个代码上面的其他代码全部删掉，但是还有一个问题

怎么获得图片的相对路径呢？
在image文件夹下面，右键你想要放进小程序的图片文件
选择复制相对路径即可获得

完成以上步骤之后
在index.wxss文件中，
最下面添加

.i1 {
  margin-top: 50px;
  width: 100%;
  height: 200px;
}

点击编译就可以实现在小程序插入图片啦，想调整大小就在上面这一块的代码上面调整，具体上面的数值都是些什么意思，大家可以自己适当将数值放大缩小，点击编译看效果就可以知道啦